diff options
| author | tamaina <tamaina@hotmail.co.jp> | 2023-06-01 12:03:07 +0000 |
|---|---|---|
| committer | tamaina <tamaina@hotmail.co.jp> | 2023-06-01 12:03:07 +0000 |
| commit | eedc8049db0da028f3231609bc4841e8fcdd095f (patch) | |
| tree | 0608138fce780d12d2c76a7cb4a0757b7bd8818d | |
| parent | [ci skip] update patrons (diff) | |
| download | sharkey-eedc8049db0da028f3231609bc4841e8fcdd095f.tar.gz sharkey-eedc8049db0da028f3231609bc4841e8fcdd095f.tar.bz2 sharkey-eedc8049db0da028f3231609bc4841e8fcdd095f.zip | |
fix(frontend): make scrollbar-color track transparent
Fix #9414
| -rw-r--r-- | packages/frontend/src/style.scss | 2 | ||||
| -rw-r--r-- | packages/frontend/src/ui/deck/column.vue | 3 |
2 files changed, 4 insertions, 1 deletions
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index 70d48d2da0..b376e4c42d 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -34,7 +34,7 @@ html { tab-size: 2; &, * { - scrollbar-color: var(--scrollbarHandle) inherit; + scrollbar-color: var(--scrollbarHandle) transparent; scrollbar-width: thin; &::-webkit-scrollbar { diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 1051f643dc..c376eb2b47 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -304,6 +304,7 @@ function onDrop(ev) { &::-webkit-scrollbar-track { background: transparent; } + scrollbar-color: var(--scrollbarHandle) transparent; } } @@ -316,6 +317,7 @@ function onDrop(ev) { &::-webkit-scrollbar-track { background: inherit; } + scrollbar-color: var(--scrollbarHandle) transparent; } } } @@ -400,5 +402,6 @@ function onDrop(ev) { &::-webkit-scrollbar-track { background: var(--panel); } + scrollbar-color: var(--scrollbarHandle) var(--panel); } </style> |