diff options
| -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> |