Mercurial > gemma
changeset 1422:7e4b7935b63a
removed spacings between buttons in toolbar
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Thu, 29 Nov 2018 12:30:12 +0100 |
| parents | 5bd58141b806 |
| children | 40f5ec2839b8 |
| files | client/src/components/map/toolbar/Profiles.vue client/src/components/map/toolbar/Toolbar.vue |
| diffstat | 2 files changed, 9 insertions(+), 5 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/map/toolbar/Profiles.vue Thu Nov 29 12:19:26 2018 +0100 +++ b/client/src/components/map/toolbar/Profiles.vue Thu Nov 29 12:30:12 2018 +0100 @@ -1,5 +1,5 @@ <template> - <div @click="$store.commit('application/showProfiles', !showProfiles)" class="toolbar-button"> + <div @click="$store.commit('application/showProfiles', !showProfiles)" class="toolbar-button border-0"> <font-awesome-icon icon="chart-area" :class="{ 'text-info': showProfiles }"></font-awesome-icon> </div> </template>
--- a/client/src/components/map/toolbar/Toolbar.vue Thu Nov 29 12:19:26 2018 +0100 +++ b/client/src/components/map/toolbar/Toolbar.vue Thu Nov 29 12:30:12 2018 +0100 @@ -16,11 +16,14 @@ // not scoped to affect nested components // doen't work when put in application/assets/application.sass... why??? o_O .toolbar + box-shadow: $shadow-xs overflow: hidden transition: max-height 0.4s + margin-bottom: auto + border-radius: $border-radius .toolbar-collapsed - max-height: (3 * $icon-height) + (4 * $offset) + 1rem + max-height: (3 * $icon-height) + 1.2rem .toolbar-expanded max-height: 100% @@ -34,13 +37,13 @@ justify-content: center display: flex background: #fff - margin-bottom: $offset - border-radius: $border-radius - box-shadow: $shadow-xs + border-bottom: 1px solid #dee2e6 z-index: 2 pointer-events: auto position: relative overflow: hidden + &:last-child + border-bottom: none .inverted color: $color-info .grey @@ -62,6 +65,7 @@ .toolbar-toggle height: 1.2rem + border-bottom: none </style> <script>