From 37f5532c8a9ba37dccc18139165f1c5434975314 Mon Sep 17 00:00:00 2001 From: amazingrise <8315221+AmazingRise@users.noreply.github.com> Date: Mon, 20 Jan 2020 00:31:36 +0800 Subject: Add scroll spy to ToC and some small adaption for mobile view. --- assets/scss/journal.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) (limited to 'assets') diff --git a/assets/scss/journal.scss b/assets/scss/journal.scss index 749352d..c8d6e97 100644 --- a/assets/scss/journal.scss +++ b/assets/scss/journal.scss @@ -954,8 +954,11 @@ a { .toc { float: right; border-radius: 5px; - border: 30px, 30px, 30px, 30px; - margin: 20px; + margin-left: 30px; + margin-right: 60px; + margin-top: 30px; + max-width: 260px; + overflow: auto; background: rgba($color-accent, 0.05); &, * { @@ -970,7 +973,11 @@ a { .toc-content{ padding: 20px; } + .toc-active{ + color: darken($color-accent, 40%) !important; + } @media screen and (max-width: $single-column-max-width) { + line-height: 2em; float: none; margin-top: 30px; margin-left: 0; -- cgit v1.2.3