refactor: reduce the height of the TOC bottom overlay in desktop mode
This commit is contained in:
parent
8280adb901
commit
7ea3545ba3
2 changed files with 3 additions and 3 deletions
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
{% if enable_toc %}
|
{% if enable_toc %}
|
||||||
<div class="toc-border-cover z-3"></div>
|
<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>
|
<h2 class="panel-heading ps-3 pb-2 mb-0">{{- site.data.locales[include.lang].panel.toc -}}</h2>
|
||||||
<nav id="toc"></nav>
|
<nav id="toc"></nav>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -260,7 +260,7 @@ header {
|
||||||
-webkit-animation: fade-up 0.8s;
|
-webkit-animation: fade-up 0.8s;
|
||||||
animation: fade-up 0.8s;
|
animation: fade-up 0.8s;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
max-height: calc(100vh - 2rem);
|
max-height: 100vh;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
|
|
||||||
|
@ -333,7 +333,7 @@ header {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 15%;
|
width: 15%;
|
||||||
height: 3.25rem;
|
height: 2.25rem;
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
background: linear-gradient(transparent, var(--main-bg) 70%);
|
background: linear-gradient(transparent, var(--main-bg) 70%);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue