patch: fixed sticky sidebar on mobile

2026-09-15 09:18:27 -05:00
parent 835ac40cd2
commit f77b43c766
3 changed files with 25 additions and 6 deletions
@@ -2,13 +2,32 @@
   Article Workspace & Markdown Prose (components/article.css)
   ========================================================================== */

-/* Left Sticky Sidebar */
+/* Left Sticky Sidebar (Sticky on multi-column desktop, natural flow on mobile/single-column) */
 .article-sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--tile-gap);
-  position: sticky;
-  top: 16px;
+  position: static;
+}
+
+@media (min-width: 961px) {
+  .article-sidebar {
+    position: sticky;
+    top: 16px;
+    max-height: calc(100vh - 32px);
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scrollbar-color: var(--border-color) transparent;
+  }
+}
+
+@media (max-width: 960px) {
+  .article-sidebar {
+    position: static !important;
+    top: auto !important;
+    max-height: none !important;
+    overflow: visible !important;
+  }
 }

 .sidebar-tile {