From b819dd688173996cc40c578bd4aefdb63933e957 Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Wed, 3 Jul 2019 16:19:27 +0200
Subject: [PATCH] CSS: Add sidebar layout

---
 public/css/icinga/layout-structure.less | 2 ++
 public/css/icinga/layout.less           | 3 ---
 public/css/icinga/menu.less             | 6 ++----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less
index dcb089ace..7b43482f8 100644
--- a/public/css/icinga/layout-structure.less
+++ b/public/css/icinga/layout-structure.less
@@ -26,6 +26,8 @@ body {
 
 #sidebar {
   width: 12em;
+  display: flex;
+  flex-direction: column;
 }
 
 #main {
diff --git a/public/css/icinga/layout.less b/public/css/icinga/layout.less
index 2dea1e2f1..883ab6b5e 100644
--- a/public/css/icinga/layout.less
+++ b/public/css/icinga/layout.less
@@ -41,9 +41,6 @@
   height: 6em;
   padding: 1.25em;
   width: 16em;
-  position: fixed;
-  left: 0;
-  margin-top: -3em;
 }
 
 #header-logo,
diff --git a/public/css/icinga/menu.less b/public/css/icinga/menu.less
index 105e93b15..52f77300c 100644
--- a/public/css/icinga/menu.less
+++ b/public/css/icinga/menu.less
@@ -18,11 +18,9 @@
 #menu {
   background-color: @menu-bg-color;
   box-shadow: inset -.5em 0 1em rgba(0, 0, 0, .3);
-  height: 100%;
   width: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  position: absolute;
+  flex: 1;
+  overflow: scroll;
 }
 
 #layout:not(.minimal-layout) #menu {