Tweak the scrollbar stuff and make the scrollable gutter stable
This commit is contained in:
parent
68b53601d6
commit
d64ed37953
2 changed files with 7 additions and 3 deletions
|
|
@ -4,13 +4,16 @@
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
|
@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 {
|
.dotdungeon {
|
||||||
|
--scrollbar-width: 5px;
|
||||||
--scrollbar-handle-color: #782e22;
|
--scrollbar-handle-color: #782e22;
|
||||||
--scrollbar-handle-border-color: var(--color-border-highlight);
|
--scrollbar-handle-border-color: var(--color-border-highlight);
|
||||||
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: var(--scrollbar-width, 5px);
|
width: var(--scrollbar-width);
|
||||||
}
|
}
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: var(--scrollbar-handle-color);
|
background: var(--scrollbar-handle-color);
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,7 @@
|
||||||
.scrollable {
|
.scrollable {
|
||||||
container-type: size;
|
container-type: size;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
scrollbar-gutter: stable;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-bar {
|
.nav-bar {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue