Mercurial > gemma
changeset 1305:6c0c204f6bce
improved fairwayprofile headline/buttons style
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Fri, 23 Nov 2018 11:19:16 +0100 |
parents | 86be0002cd10 |
children | e496832d3ea1 |
files | client/src/components/map/fairway/Fairwayprofile.vue |
diffstat | 1 files changed, 10 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/map/fairway/Fairwayprofile.vue Fri Nov 23 10:58:29 2018 +0100 +++ b/client/src/components/map/fairway/Fairwayprofile.vue Fri Nov 23 11:19:16 2018 +0100 @@ -12,8 +12,10 @@ v-if="showSplitscreen"> <font-awesome-icon icon="times" /> </button> - <div class="profile bg-white position-relative d-flex flex-column pr-5"> - <h5 class="mb-0 mt-2">{{ selectedBottleneck }} ({{ selectedSurvey.date_info }})</h5> + <div class="profile bg-white position-relative d-flex flex-column"> + <h5 class="headline border-bottom mb-0 py-2"> + {{ selectedBottleneck }} ({{ selectedSurvey.date_info }}) + </h5> <div class="d-flex flex-fill"> <div class="fairwayprofile m-3 mt-0 bg-white flex-grow-1"></div> <div class="additionalsurveys d-flex flex-column"> @@ -95,10 +97,11 @@ height: 0 overflow: hidden z-index: 2 + .headline + border-top: solid 3px $color-info .splitscreen-toggle, .clear-selection - right: $icon-width + $offset width: $icon-width height: $icon-height margin-top: 8px @@ -107,8 +110,11 @@ svg path fill: #666 +.splitscreen-toggle + right: $small-offset + $icon-width + .clear-selection - right: $offset + right: $small-offset .show .profile