diff client/src/application/Sidebar.vue @ 1171:d61be0d972d8

fixed searchbar overlapping issue utilized flexbox to make boxes in topbar more flexible
author Markus Kottlaender <markus@intevation.de>
date Wed, 14 Nov 2018 12:54:13 +0100
parents a9e455c017cb
children 3035ddd3d1a8
line wrap: on
line diff
--- a/client/src/application/Sidebar.vue	Wed Nov 14 12:31:15 2018 +0100
+++ b/client/src/application/Sidebar.vue	Wed Nov 14 12:54:13 2018 +0100
@@ -76,7 +76,7 @@
     },
     sidebarStyle() {
       return [
-        "ui-element position-relative sidebar shadow d-print-none",
+        "ui-element position-relative sidebar shadow d-print-none mb-auto",
         {
           sidebarcollapsed: !this.showSidebar,
           sidebarextended: this.showSidebar
@@ -130,6 +130,7 @@
   transition: $transition-fast
 
 .sidebarextended
-  min-height: $sidebar-height
+  height: $sidebar-height
+  width: $sidebar-width
   min-width: $sidebar-width
 </style>