|
|
| Line 2,297: |
Line 2,297: |
| @media screen and (max-width: 600px) { | | @media screen and (max-width: 600px) { |
| .bc-linkgrid { grid-template-columns: 1fr !important; } | | .bc-linkgrid { grid-template-columns: 1fr !important; } |
| }
| |
|
| |
| /* ============================================================
| |
| --- FIX SIDEBARS GETTING HIDDEN BEHIND HEADER ---
| |
| ============================================================ */
| |
|
| |
| /* 1. Push the Table of Contents (Left Side) Down */
| |
| html body .mw-parser-output #toc,
| |
| html body .vector-toc,
| |
| html body .vector-main-menu-container {
| |
| top: 110px !important; /* Header Height (90px) + 20px Buffer */
| |
| max-height: calc(100vh - 130px) !important; /* Prevent bottom cutoff */
| |
| position: sticky !important;
| |
| align-self: start !important;
| |
| }
| |
|
| |
| /* 2. Push the Appearance / Page Tools (Right Side) Down */
| |
| html body .vector-page-tools,
| |
| html body .vector-column-end {
| |
| top: 110px !important; /* Header Height + Buffer */
| |
| position: sticky !important;
| |
| align-self: start !important;
| |
| height: calc(100vh - 130px) !important;
| |
| overflow-y: auto !important; /* Allow scrolling inside the sidebar if it's too tall */
| |
| }
| |
|
| |
| /* 3. Fix specific "Appearance" box if it's separate */
| |
| #p-appearance,
| |
| .vector-pinnable-element {
| |
| top: 110px !important;
| |
| }
| |
|
| |
| /* 4. Ensure the Scroll padding respects the header */
| |
| /* This fixes anchor links (clicking a TOC link) so the header doesn't cover the heading */
| |
| html {
| |
| scroll-padding-top: 120px !important;
| |
| } | | } |