diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2023-09-24 11:00:57 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2023-10-06 08:26:56 -0300 |
| commit | 1ba5fe7bb0fdfcd66234254a66c72162f59af7ef (patch) | |
| tree | 38b22e29def59fc28fd9dc54c827e08020078e81 | |
| parent | ef1aed76c56313140746ddb366411ae3cf40de5e (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 40516e7..1797b8f 100644 --- a/src/static/site4.css +++ b/src/static/site4.css @@ -1487,6 +1487,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 { |