Improve HTML layout

modelica · Oct 14, 2020 · 9b55730 · 9b55730
1 parent 74c05cd
commit 9b55730
Showing 1 changed file with 24 additions and 12 deletions.
diff --git a/css/LaTeXML-navbar-left.css b/css/LaTeXML-navbar-left.css
@@ -5,25 +5,37 @@
   position: fixed;
   left: 0px;
   top: 0px;
-  width: 170px;
+  width: 350px;
   margin: 0em;
-  padding: 1em;
-  font: bold 75% sans-serif;
-  border: 3px double;
+  padding: 1em 0em 0em 1em;
+  font: 90% sans-serif;
+  color: black;
+/*border: 3px double;*/
   overflow-y: auto;
   height: 95vh;
 }
 
-.ltx_page_navbar ul {
-  margin-left: -2em;
+.ltx_page_navbar .ltx_ref {
+  color: black;
+}
+
+.ltx_TOC > ul.ltx_toclist {
+  padding: 0px 1em 0px 0px;
+}
+
+.ltx_toclist ul {
+  padding-left: 1em;
+}
+
+.ltx_ref_title .ltx_tag_ref {
+  font-size: 75%; /* Compress navbar even more by shrinking the numbering. */
 }
 
 .ltx_page_main {
-  position:absolute;
-  left: 190px;
+  position: absolute;
+  left: 350px;
   top: 0px;
-  right: 2px;
-  margin: 0px;
-  padding: 1em 3em 1em 2em;
-  width: 70%;
+  max-width: 30cm;
+  padding: 0em 1em;
+  background: white; /* Avoid strange effect when scrolling horizontally causing overlap with navbar. */
 }