fixes main menu scrolling away

Sat, 22 Aug 2020 18:34:36 +0200

author
Mike Becker <universe@uap-core.de>
date
Sat, 22 Aug 2020 18:34:36 +0200
changeset 98
5c406eef0e5c
parent 97
602f75801644
child 99
a369fb1b3aa2

fixes main menu scrolling away

src/main/webapp/lightpit.css file | annotate | diff | comparison | revisions
--- a/src/main/webapp/lightpit.css	Sat Aug 22 18:17:06 2020 +0200
+++ b/src/main/webapp/lightpit.css	Sat Aug 22 18:34:36 2020 +0200
@@ -48,6 +48,8 @@
 }
 
 #mainMenu {
+    position: fixed;
+    z-index: 2;
     width: 100%;
     display: flex;
     flex-flow: row wrap;
@@ -56,12 +58,15 @@
     border-bottom-style: solid;
     border-bottom-width: 1pt;
 }
+
 #sideMenu {
     display: flex;
+    z-index: 1;
     flex-flow: column;
     position: fixed;
     height: 100%;
     width: 30ch;
+    padding-top: 2.25rem;
     border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
     border-image-slice: 1;
     border-right-style: solid;
@@ -73,7 +78,7 @@
 }
 
 #mainMenu {
-    font-size: large;
+    font-size: 1.2rem;
     background: #e0e0e5;
 }
 
@@ -118,7 +123,7 @@
 }
 
 #content-area {
-    padding: 1em;
+    padding: 2.75rem 1em 1em;
 }
 
 button, a.button {

mercurial