From 8287f5234cae8febce8423cb2120559115520d22 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Fri, 11 Oct 2024 22:19:40 +0800 Subject: [PATCH] feat: add curtain to toc popup --- _sass/layout/post.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss index bb39fbe5134..be727006b62 100644 --- a/_sass/layout/post.scss +++ b/_sass/layout/post.scss @@ -379,6 +379,7 @@ header { #toc-popup { $slide-in: slide-in 0.3s ease-out; $slide-out: slide-out 0.3s ease-out; + $curtain-height: 2rem; border-color: var(--toc-popup-border-color); border-width: 1px; @@ -469,10 +470,19 @@ header { backdrop-filter: blur(5px); } + &::after { + display: flex; + content: ''; + position: relative; + background: linear-gradient(transparent, var(--main-bg) 70%); + height: $curtain-height; + } + #toc-popup-content { overflow: auto; max-height: calc(100vh - 4 * $topbar-height); font-family: $font-family-heading; + margin-bottom: -$curtain-height; } }