Sat, 22 Aug 2020 18:34:36 +0200
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 {