diff options
| author | Thomas Lange <code@nerdmind.de> | 2021-08-26 19:20:09 +0200 |
|---|---|---|
| committer | Thomas Lange <code@nerdmind.de> | 2021-08-26 19:26:14 +0200 |
| commit | 3e35de0805f64759d3ff4c28632e65ec795223ac (patch) | |
| tree | 8ea79338c4966f0010e158675deea873230076dc /theme/admin/rsrc/css/import | |
| parent | 1b1c6f510673ec39c581a3370427adc369aaca6d (diff) | |
| download | blog-3e35de0805f64759d3ff4c28632e65ec795223ac.tar.gz blog-3e35de0805f64759d3ff4c28632e65ec795223ac.tar.xz blog-3e35de0805f64759d3ff4c28632e65ec795223ac.zip | |
Explicitly set scrollbar colors for admin theme
Explicitly set the scrollbar colors for the admin theme instead of using
the default colors of the web browser and integrate the scrollbar colors
better into the user-selected color scheme (bright or dark).
Diffstat (limited to 'theme/admin/rsrc/css/import')
| -rw-r--r-- | theme/admin/rsrc/css/import/_styles.scss | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/theme/admin/rsrc/css/import/_styles.scss b/theme/admin/rsrc/css/import/_styles.scss index 87614a8..b499700 100644 --- a/theme/admin/rsrc/css/import/_styles.scss +++ b/theme/admin/rsrc/css/import/_styles.scss @@ -12,6 +12,39 @@ } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Scrollbars +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +* { + // Firefox (TODO: Possibility to add padding?!) + scrollbar-color: $scrollbarColor $scrollbarBackground; + + // Chrome, Edge & Safari + &::-webkit-scrollbar { + width: 0.75rem; + + &-track { + background: $scrollbarBackground; + } + + &-thumb { + background: $scrollbarColor; + background-clip: padding-box; + border: 0.15rem solid transparent; + + &:hover { + background: $scrollbarHoverColor; + background-clip: padding-box; + border: 0.15rem solid transparent; + } + } + + &-corner { + background: transparent; + } + } +} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hyperlinks ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ a { @@ -661,6 +694,7 @@ textarea { padding: 0.5rem; -webkit-hyphens: none; hyphens: none; + cursor: auto; } input { |