pleroma-fe

commit: cf1345caca2fc905b0f692f6149e0006610614e4
parent 8e3637c0596f544d2e32b8f9608fb37226265a4d
Author: Henry Jameson <me@hjkos.com>
Date:   Wed, 28 Feb 2024 15:04:01 +0200

more scrollbars work

Diffstat:
M
src/App.scss
16
++++++++--------
M
src/services/theme_data/css_utils.js
2
+-

2 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/App.scss b/src/App.scss
@@ -86,15 +86,15 @@ body {
 
         &:increment {
           background-image:
-            linear-gradient(45deg, var(--text) 50%, transparent calc(50% + 1px)),
-            linear-gradient(-45deg, transparent 50%, var(--text) calc(50% + 1px));
+            linear-gradient(45deg, var(--text) 50%, transparent 51%),
+            linear-gradient(-45deg, transparent 50%, var(--text) 51%);
           background-position: top var(--___bgPadding) left 50%, right 50% bottom var(--___bgPadding);
         }
 
         &:decrement {
           background-image:
             linear-gradient(45deg, transparent 50%, var(--text) calc(50% + 1px)),
-            linear-gradient(-45deg, var(--text) 50%, transparent calc(50% + 1px));
+            linear-gradient(-45deg, var(--text) 50%, transparent 51%);
           background-position: bottom var(--___bgPadding) right 50%, left 50% top var(--___bgPadding);
         }
       }
@@ -104,15 +104,15 @@ body {
 
         &:increment {
           background-image:
-            linear-gradient(-45deg, transparent 50%, var(--text) calc(50% + 1px)),
-            linear-gradient(45deg, transparent 50%, var(--text) calc(50% + 1px));
+            linear-gradient(-45deg, transparent 50%, var(--text) 51%),
+            linear-gradient(45deg, transparent 50%, var(--text) 51%);
           background-position: right var(--___bgPadding) top 50%, left var(--___bgPadding) top 50%;
         }
 
         &:decrement {
           background-image:
-            linear-gradient(-45deg, var(--text) 50%, transparent calc(50% + 1px)),
-            linear-gradient(45deg, var(--text) 50%, transparent calc(50% + 1px));
+            linear-gradient(-45deg, var(--text) 50%, transparent 51%),
+            linear-gradient(45deg, var(--text) 50%, transparent 51%);
           background-position: left var(--___bgPadding) top 50%, right var(--___bgPadding) top 50%;
         }
       }
@@ -121,7 +121,7 @@ body {
   }
   // Body should have background to scrollbar otherwise it will use white (body color?)
   html {
-    scrollbar-color: var(--selectedMenu) var(--wallpaper);
+    scrollbar-color: var(--fg) var(--wallpaper);
     background: var(--wallpaper);
   }
 }
diff --git a/src/services/theme_data/css_utils.js b/src/services/theme_data/css_utils.js
@@ -69,7 +69,7 @@ export const getCssShadowFilter = (input) => {
 export const getCssRules = (rules) => rules.map(rule => {
   let selector = rule.selector
   if (!selector) {
-    selector = 'body'
+    selector = 'html'
   }
   const header = selector + ' {'
   const footer = '}'