Changeset 5acf481 for public/css/custom.css

Timestamp:

Jan 15, 2020, 12:36:27 PM (5 years ago)

Author:

Mikhail Kirillov <w96k@…>

Branches:

master

Children:

8cb4e85

Parents:

67c57a8

Message:

Fix table of contents visually

File:

• public/css/custom.css (modified) (5 diffs)

public/css/custom.css

@@ -96 +96 @@
 #table-of-contents {
     z-index: 1050;
-    font-size: 10pt;
+    font-size: 12pt;
     position: fixed;
-    right: calc(var(--universal-margin) + 0.5em);
+    right: calc(var(--universal-margin));
     top: calc(var(--universal-margin) + 0.5em);
     background: #fefefe;
@@ -104 +104 @@
     box-shadow: 0 1px 3px rgba(0,0,0,.1);
     border: none;
-    max-height: 80%;
+    max-height: calc(100% - 2 * (var(--universal-margin) + 0.5em) - 9.6em);
     overflow: auto;
 }
@@ -120 +120 @@
 
 #text-table-of-contents ul {
-    margin: 0 1em;
+    margin: 0 0 0 1em;
+}
+
+#text-table-of-contents > ul {
+    margin: 0 1em 0 2em;
 }
 
@@ -129 +133 @@
 
 #table-of-contents #text-table-of-contents {
-    display: none;
+    display: block;
     text-align: left;
-}
-
-#table-of-contents:hover #text-table-of-contents {
-    display:block;
-    padding: none;
-    margin: 0;
-    padding: 0;
+    max-width: 40ch;
 }
 
@@ -163 +161 @@
     padding: 0 var(--universal-padding);    
 }
+
+nav * {
+    padding: 0.1em 0;
+}