From d64ed379532e2acc57b528d891a62bb0d6b0ce4d Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Thu, 21 Mar 2024 00:21:17 -0600 Subject: [PATCH] Tweak the scrollbar stuff and make the scrollable gutter stable --- styles/generic.scss | 9 ++++++--- styles/sheets/actor/char-sheet/v2/v2.scss | 1 + 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/styles/generic.scss b/styles/generic.scss index 6c173aa..e855497 100644 --- a/styles/generic.scss +++ b/styles/generic.scss @@ -4,13 +4,16 @@ @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap'); +/* +Enabling scrollbar customization on a per-sheet basis, with a relatively low +specificity to allow easier overriding without artificially increasing it. +*/ .dotdungeon { + --scrollbar-width: 5px; --scrollbar-handle-color: #782e22; --scrollbar-handle-border-color: var(--color-border-highlight); - - ::-webkit-scrollbar { - width: var(--scrollbar-width, 5px); + width: var(--scrollbar-width); } ::-webkit-scrollbar-thumb { background: var(--scrollbar-handle-color); diff --git a/styles/sheets/actor/char-sheet/v2/v2.scss b/styles/sheets/actor/char-sheet/v2/v2.scss index aacb042..a043453 100644 --- a/styles/sheets/actor/char-sheet/v2/v2.scss +++ b/styles/sheets/actor/char-sheet/v2/v2.scss @@ -22,6 +22,7 @@ .scrollable { container-type: size; overflow: auto; + scrollbar-gutter: stable; } .nav-bar {