refactor: reduce the height of the TOC bottom overlay in desktop mode

cotes2020 · Dec 5, 2024 · 7ea3545 · 7ea3545
1 parent 8280adb
commit 7ea3545
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/_includes/toc.html b/_includes/toc.html
@@ -2,7 +2,7 @@
 
 {% if enable_toc %}
   <div class="toc-border-cover z-3"></div>
-  <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4">
+  <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4 pb-4">
     <h2 class="panel-heading ps-3 pb-2 mb-0">{{- site.data.locales[include.lang].panel.toc -}}</h2>
     <nav id="toc"></nav>
   </section>

diff --git a/_sass/pages/_post.scss b/_sass/pages/_post.scss
@@ -260,7 +260,7 @@ header {
   -webkit-animation: fade-up 0.8s;
   animation: fade-up 0.8s;
   overflow-y: auto;
-  max-height: calc(100vh - 2rem);
+  max-height: 100vh;
   scrollbar-width: none;
   margin-top: 2rem;
 
@@ -333,7 +333,7 @@ header {
     position: fixed;
     bottom: 0;
     width: 15%;
-    height: 3.25rem;
+    height: 2.25rem;
     margin-left: -1px;
     background: linear-gradient(transparent, var(--main-bg) 70%);
   }