From 0dda1aeaa1ad6431eb3269181a1b16ff21c3fbf3 Mon Sep 17 00:00:00 2001 From: Wonderfall Date: Thu, 28 Jul 2022 16:37:20 +0200 Subject: [PATCH] improve ToC height responsiveness --- assets/css/common/post-single.css | 2 ++ assets/css/includes/scroll-bar.css | 11 +++++++++++ 2 files changed, 13 insertions(+) diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css index e49758b9..097d9719 100644 --- a/assets/css/common/post-single.css +++ b/assets/css/common/post-single.css @@ -279,6 +279,8 @@ top: 100px; width: 300px; font-size: .9em; + max-height: calc(100% - 150px); + overflow: auto; } } diff --git a/assets/css/includes/scroll-bar.css b/assets/css/includes/scroll-bar.css index 47405de2..d9c85d2d 100644 --- a/assets/css/includes/scroll-bar.css +++ b/assets/css/includes/scroll-bar.css @@ -60,4 +60,15 @@ width: 19px; height: 11px; } +} + +/* side ToC */ + +.toc.side::-webkit-scrollbar-thumb { + border: none; + background: var(--secondary); +} + +.toc.side::-webkit-scrollbar { + width: 8px; } \ No newline at end of file