src/main/webapp/lightpit.css

changeset 97
602f75801644
parent 96
b7b685f31e39
child 98
5c406eef0e5c
--- a/src/main/webapp/lightpit.css	Sat Aug 22 16:25:03 2020 +0200
+++ b/src/main/webapp/lightpit.css	Sat Aug 22 18:17:06 2020 +0200
@@ -61,7 +61,7 @@
     flex-flow: column;
     position: fixed;
     height: 100%;
-    width: 20ch;
+    width: 30ch;
     border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
     border-image-slice: 1;
     border-right-style: solid;
@@ -69,7 +69,7 @@
 }
 
 #content-area.sidebar-spacing {
-    margin-left: 20ch;
+    margin-left: 30ch;
 }
 
 #mainMenu {
@@ -79,6 +79,7 @@
 
 #sideMenu {
     background: #f7f7ff;
+    overflow-x: scroll;
 }
 
 #mainMenu .menuEntry {
@@ -88,6 +89,14 @@
     border-right-color: #9095a1;
 }
 
+#sideMenu .menuEntry {
+    padding-top: .25em;
+    padding-bottom: .25em;
+    border-bottom-style: solid;
+    border-bottom-width: 1pt;
+    border-bottom-color: #d7d7df;
+}
+
 #mainMenu .menuEntry[data-active] {
     background: #d0d0d5;
 }
@@ -96,6 +105,18 @@
     background: #e7e7ef
 }
 
+#sideMenu .level-0 {
+    padding-left: .25em;
+}
+
+#sideMenu .level-1 {
+    padding-left: .75em;
+}
+
+#sideMenu .level-2 {
+    padding-left: 2em;
+}
+
 #content-area {
     padding: 1em;
 }

mercurial