asandikci.com/web
1
1
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Cotes Chung 2024-12-05 21:09:07 +08:00
parent 8280adb901
commit 7ea3545ba3
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/toc.html
View file

@ -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>

4
_sass/pages/_post.scss
View file

@ -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%);
}