diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2023-10-06 09:01:35 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2023-10-06 09:01:35 -0300 |
| commit | d21a899ec62d0298f298a9fbdd8b74e5bc44c681 (patch) | |
| tree | b78b3ee6769643e0954b260eb85c0c6463eefa9c | |
| parent | bc68ac93a4dfc1f80209ea26e0af333ddc25d6b3 (diff) | |
css: intervene with default scrollbar styling on sticky sidebar
| -rw-r--r-- | src/static/site4.css | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/static/site4.css b/src/static/site4.css index 0e6166b4..ab17bf0c 100644 --- a/src/static/site4.css +++ b/src/static/site4.css @@ -1451,12 +1451,27 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r .sidebar-column.sidebar.sticky-column { max-height: calc(100vh - 20px); - overflow-y: scroll; align-self: start; padding-bottom: 0; box-sizing: border-box; flex-basis: 275px; padding-top: 0; + overflow-y: scroll; + scrollbar-width: thin; + scrollbar-color: var(--dark-color); +} + +.sidebar-column.sidebar.sticky-column::-webkit-scrollbar { + background: var(--dark-color); + width: 12px; +} + +.sidebar-column.sidebar.sticky-column::-webkit-scrollbar-thumb { + transition: background 0.2s; + background: rgba(255, 255, 255, 0.2); + border: 3px solid transparent; + border-radius: 10px; + background-clip: content-box; } .sidebar-column.sidebar.sticky-column > h1 { |