changeset 1425:c8fe86d1c270

reduced width of search results
author Markus Kottlaender <markus@intevation.de>
date Thu, 29 Nov 2018 15:15:20 +0100
parents 4afbc615cfc2
children acb4e493775e
files client/src/components/map/Search.vue
diffstat 1 files changed, 4 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/map/Search.vue	Thu Nov 29 14:16:16 2018 +0100
+++ b/client/src/components/map/Search.vue	Thu Nov 29 15:15:20 2018 +0100
@@ -5,7 +5,7 @@
         <font-awesome-icon icon="search"></font-awesome-icon>
       </span>
     </div>
-    <div :class="['searchgroup', {'searchgroup-collapsed': !showSearchbar}]">
+    <div :class="['searchgroup', {'searchgroup-collapsed': !showSearchbar, big: showContextBox && ['bottlenecks', 'staging'].indexOf(contextBoxContent) !== -1 }]">
       <input
         @keyup.enter="takeFirstSearchresult"
         id="search"
@@ -40,8 +40,10 @@
   .searchgroup
     margin-left: -3px
     transition: width 0.3s
-    width: 571px
+    width: 300px
     overflow: hidden
+    &.big
+      width: 571px
 
   .searchgroup-collapsed
     width: 0