diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2023-09-24 11:00:57 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2023-09-24 15:51:51 -0300 |
| commit | 8b1d5053f71959498c7327493db9f64b94f8de30 (patch) | |
| tree | c253b38c681275169f572acd8ca27d09180bf195 | |
| parent | b695bf0c8d0c904ef5b26c76361b804a7ebdc335 (diff) | |
css: misc. adjustments for sticky column sidebar
| -rw-r--r-- | src/static/site4.css | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/static/site4.css b/src/static/site4.css index eb8d5520..0e6166b4 100644 --- a/src/static/site4.css +++ b/src/static/site4.css @@ -1449,6 +1449,30 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r align-self: flex-start; } +.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; +} + +.sidebar-column.sidebar.sticky-column > h1 { + position: sticky; + top: 0; + margin: 0 calc(-1 * var(--content-padding)); + margin-bottom: 10px; + + border-bottom: 1px dotted rgba(220, 220, 220, 0.4); + padding: 10px 5px; + + background: var(--bg-black-color); + -webkit-backdrop-filter: blur(3px); + backdrop-filter: blur(3px); +} + /* Image overlay */ #image-overlay-container { |