Set maximum height of sticky sidebars

2024-12-02 15:49:53 +08:00 · 2024-12-02 15:49:53 +08:00 · c3eebff94d
parent f719fae18e
commit c3eebff94d
3 changed files with 5 additions and 2 deletions
--- a/src/_includes/global/shrineinfo.njk
+++ b/src/_includes/global/shrineinfo.njk
@ -21,7 +21,8 @@

    .shrine__info {
        padding: 1rem;
-        overflow: auto;
+        max-height: var(--ht-sticky-sidebar);
+        overflow-x: auto;
    }

    .shrine__info h2 {
--- a/src/_includes/global/toc.njk
+++ b/src/_includes/global/toc.njk
@ -11,7 +11,7 @@

 {%- css %}
    .toc__wrapper {
-        max-height: 89vh;
+        max-height: var(--ht-sticky-sidebar);
        overflow-x: auto;
        background-color: var(--clr-content-bg);
        padding: 1rem 1.3rem;
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@ -48,6 +48,8 @@
    --sz-navbar-ht: 4rem;
    --sz-external-link: 1.25em;
    --sz-content-list-gap: 0.7em;
+
+    --ht-sticky-sidebar: 89vh;
 }

 /* ------------------- */