From 440a3e3954176d6020ca54c6753a95172aee1b02 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Simon=20H=C3=B8jberg?= Date: Wed, 18 Dec 2024 14:37:20 -0500 Subject: [PATCH] Fix scroll white box --- src/css/window.css | 6 ------ src/main.css | 25 ++++++++++++++++++------- 2 files changed, 18 insertions(+), 13 deletions(-) diff --git a/src/css/window.css b/src/css/window.css index 8d3fc87..1174f5a 100644 --- 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 index 9df229e..f86ace5 100644 --- 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. 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; }