add toc side support

2022-07-24 03:12:49 +02:00
parent 09c9be232f
commit 230360552b
2 changed files with 12 additions and 6 deletions
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@ -272,19 +272,25 @@
    padding: 0.4em;
 }

+@media screen and (min-width: 1400px) {
+    .toc.side {
+        position: fixed;
+        right: 30px;
+        top: 100px;
+        width: 300px;
+        font-size: .9em;
+    }
+}
+
 .dark .toc {
    background: var(--entry);
 }

 .toc details summary {
-    cursor: zoom-in;
+    cursor: pointer;
    margin-inline-start: 20px;
 }

-.toc details[open] summary {
-    cursor: zoom-out;
-}
-
 .toc .details {
    display: inline;
    font-weight: 500;