Mercurial > gemma
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