CSS: Fix navigation

refs #3815
Icinga · Jun 6, 2019 · c5d17b7 · c5d17b7
1 parent ccaa10f
commit c5d17b7
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 12 deletions.
diff --git a/public/css/icinga/base.less b/public/css/icinga/base.less
@@ -82,12 +82,12 @@
 html {
   min-height: 100%;
   height: 0;
-  overflow: hidden;
   box-sizing: border-box;
 }
 
 body {
   height: 100%;
+  overflow: hidden;
 }
 
 *,

diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less
@@ -23,7 +23,7 @@ html {
   width: 12em;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  position: relative;
 }
 
 #main {

diff --git a/public/css/icinga/layout.less b/public/css/icinga/layout.less
@@ -280,12 +280,7 @@ html.no-js .controls > .tabs {
     background-image: url('../img/icinga-logo-compact.svg');
   }
 
-  #main {
-    left: 3em;
-  }
-
   #sidebar {
-    top: 2.25em;
     width: 3em;
   }
 
@@ -325,10 +320,6 @@ html.no-js .controls > .tabs {
     }
   }
 
-  #search {
-    padding-left: 3.75em;
-  }
-
   #search:focus {
     background-color: @menu-bg-color;
     border-radius: 0 .25em .25em 0;

diff --git a/public/css/icinga/menu.less b/public/css/icinga/menu.less
@@ -443,8 +443,11 @@ input[type=text].search-input {
   border: none;
   padding: 0;
   color: @gray-light;
-  margin-top: -2.625em;
   width: 100%;
+  position: absolute;
+  bottom: 0.25em;
+  right: 0;
+  text-align: right;
 
   i {
     background-color: @body-bg-color;