« get me outta code hell

css: misc. adjustments for sticky column sidebar - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/site4.css
diff options
context:
space:
mode:
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
commit1ba5fe7bb0fdfcd66234254a66c72162f59af7ef (patch)
tree38b22e29def59fc28fd9dc54c827e08020078e81 /src/static/site4.css
parentef1aed76c56313140746ddb366411ae3cf40de5e (diff)
css: misc. adjustments for sticky column sidebar
Diffstat (limited to 'src/static/site4.css')
-rw-r--r--src/static/site4.css24
1 files changed, 24 insertions, 0 deletions
diff --git a/src/static/site4.css b/src/static/site4.css
index 40516e78..1797b8fb 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 {