diff options
author | Aleksander Machniak <alec@alec.pl> | 2021-12-19 14:32:00 +0300 |
---|---|---|
committer | Aleksander Machniak <alec@alec.pl> | 2021-12-19 14:32:00 +0300 |
commit | edf0f0edc33e2832176df3a5c3524092e9c52320 (patch) | |
tree | d6abc3f665c6e1bce3a3c30cc68ce2bb2ee9723e | |
parent | 2b0de183800867c0facf8655d00fa286fd320863 (diff) |
Elastic: Clarify the scrollbar width in Chrome
-rw-r--r-- | skins/elastic/styles/dark.less | 4 | ||||
-rw-r--r-- | skins/elastic/styles/global.less | 5 |
2 files changed, 8 insertions, 1 deletions
diff --git a/skins/elastic/styles/dark.less b/skins/elastic/styles/dark.less index a40a1cbca..5ea4dff53 100644 --- a/skins/elastic/styles/dark.less +++ b/skins/elastic/styles/dark.less @@ -31,7 +31,9 @@ html.dark-mode { &:not(.touch) { ::-webkit-scrollbar when (@scrollbar-dark-width = auto) { - width: 14px; + // Note: If we do not set the width a default scrollbar is used in Chrome. + // And the custom colors set below do not work + width: 12px; } ::-webkit-scrollbar when (@scrollbar-dark-width = thin) { width: 6px; diff --git a/skins/elastic/styles/global.less b/skins/elastic/styles/global.less index 59ec6d7f4..0648206c1 100644 --- a/skins/elastic/styles/global.less +++ b/skins/elastic/styles/global.less @@ -103,6 +103,11 @@ html { scrollbar-width: @scrollbar-width; &:not(.touch) { + ::-webkit-scrollbar when (@scrollbar-width = auto) { + // Note: If we do not set the width a default scrollbar is used in Chrome. + // And the custom colors set below do not work + width: 12px; + } ::-webkit-scrollbar when (@scrollbar-width = thin) { width: 6px; } |