Fix scroll white box

unisonweb · Dec 18, 2024 · 440a3e3 · 440a3e3
1 parent f88d0f5
commit 440a3e3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/src/css/window.css b/src/css/window.css
@@ -85,12 +85,6 @@ body:has(.window-footer) {
   }
 }
 
-/* prevents a tiny white box in the corner that appears when both horizontal
- * and vertical scrollbars are visible */
-.window-sidebar::-webkit-scrollbar-corner {
-  background: transparent;
-}
-
 .window-sidebar_resize-handle {
   --c-window_sidebar_resize-handle_width: 0.5rem;
   height: 100%;

diff --git a/src/main.css b/src/main.css
@@ -10,12 +10,23 @@
 @import "./css/ucm/ucm-connectivity.css";
 @import "./css/ucm/contextual-tag.css";
 
+/* prevents a tiny white box in the corner that appears when both horizontal
+ * and vertical scrollbars are visible. <body> gets special treatment since's
+ * transparent will be ontop of "nothing" and again show a white box. */
+*::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+body::-webkit-scrollbar-corner {
+  background: var(--u-color_background);
+}
+
 .connecting {
-    margin: 16rem auto;
-    width: 32rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 0;
+  margin: 16rem auto;
+  width: 32rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
 }