CSS: Add sidebar layout

This commit is contained in:
Florian Strohmaier 2019-07-03 16:19:27 +02:00 committed by Johannes Meyer
parent 739dd50384
commit b819dd6881
3 changed files with 4 additions and 7 deletions

View File

@ -26,6 +26,8 @@ body {
#sidebar { #sidebar {
width: 12em; width: 12em;
display: flex;
flex-direction: column;
} }
#main { #main {

View File

@ -41,9 +41,6 @@
height: 6em; height: 6em;
padding: 1.25em; padding: 1.25em;
width: 16em; width: 16em;
position: fixed;
left: 0;
margin-top: -3em;
} }
#header-logo, #header-logo,

View File

@ -18,11 +18,9 @@
#menu { #menu {
background-color: @menu-bg-color; background-color: @menu-bg-color;
box-shadow: inset -.5em 0 1em rgba(0, 0, 0, .3); box-shadow: inset -.5em 0 1em rgba(0, 0, 0, .3);
height: 100%;
width: 100%; width: 100%;
overflow-x: hidden; flex: 1;
overflow-y: auto; overflow: scroll;
position: absolute;
} }
#layout:not(.minimal-layout) #menu { #layout:not(.minimal-layout) #menu {