1.1 --- a/src/main/webapp/lightpit.css Mon Aug 09 16:28:42 2021 +0200
1.2 +++ b/src/main/webapp/lightpit.css Mon Aug 09 16:57:56 2021 +0200
1.3 @@ -64,6 +64,7 @@
1.4 color: #1c204e;
1.5 margin: 0;
1.6 padding: 0;
1.7 + height: 100vh;
1.8 }
1.9
1.10 body {
1.11 @@ -83,9 +84,16 @@
1.12 text-decoration: none;
1.13 }
1.14
1.15 +#body-area {
1.16 + display: grid;
1.17 + grid-template-columns: max-content auto;
1.18 + grid-template-rows: max-content 1fr;
1.19 + height: 100%;
1.20 +}
1.21 +
1.22 #mainMenu {
1.23 - position: fixed;
1.24 - z-index: 2;
1.25 + grid-row: 1;
1.26 + grid-column: 1 / span 2;
1.27 width: 100%;
1.28 display: flex;
1.29 flex-flow: row wrap;
1.30 @@ -93,35 +101,21 @@
1.31 border-image-slice: 1;
1.32 border-bottom-style: solid;
1.33 border-bottom-width: thin;
1.34 + font-size: 1.2rem;
1.35 + background: #e0e0e5;
1.36 }
1.37
1.38 #sideMenu {
1.39 + grid-row: 2;
1.40 + grid-column: 1;
1.41 display: flex;
1.42 - z-index: 1;
1.43 flex-flow: column;
1.44 - position: fixed;
1.45 - height: 100%;
1.46 - width: 40ch; /* adjust with sidebar-spacing.margin-left */
1.47 - padding-top: 2.25rem;
1.48 color: #3060f8;
1.49 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25));
1.50 border-image-slice: 1;
1.51 border-right-style: solid;
1.52 border-right-width: thin;
1.53 -}
1.54 -
1.55 -#content-area.sidebar-spacing {
1.56 - margin-left: 40ch; /* adjust with sideMenu.width */
1.57 -}
1.58 -
1.59 -#mainMenu {
1.60 - font-size: 1.2rem;
1.61 - background: #e0e0e5;
1.62 -}
1.63 -
1.64 -#sideMenu {
1.65 background: #f7f7ff;
1.66 - overflow-x: scroll;
1.67 }
1.68
1.69 #mainMenu .menuEntry {
1.70 @@ -132,6 +126,7 @@
1.71 }
1.72
1.73 #sideMenu .menuEntry {
1.74 + padding-right: 1em;
1.75 padding-top: .25em;
1.76 padding-bottom: .25em;
1.77 border-bottom-style: solid;
1.78 @@ -160,7 +155,9 @@
1.79 }
1.80
1.81 #content-area {
1.82 - padding: 2.75rem 1em 1em;
1.83 + grid-row: 2;
1.84 + grid-column: 2;
1.85 + padding: 1.5em;
1.86 }
1.87
1.88 button, a.button {
