Mercurial > gemma
diff client/src/fairway/Fairwayprofile.vue @ 1217:ba8cd80d68b6
made more use of bootstrap classes instead of custom css
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Mon, 19 Nov 2018 15:20:22 +0100 |
parents | ddfdf440da24 |
children |
line wrap: on
line diff
--- a/client/src/fairway/Fairwayprofile.vue Mon Nov 19 15:10:09 2018 +0100 +++ b/client/src/fairway/Fairwayprofile.vue Mon Nov 19 15:20:22 2018 +0100 @@ -12,10 +12,10 @@ v-if="showSplitscreen"> <i class="fa fa-times text-danger"></i> </button> - <div class="profile d-flex flex-column pr-5"> + <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="d-flex flex-fill"> - <div class="fairwayprofile flex-grow-1"></div> + <div class="fairwayprofile m-3 mt-0 bg-white flex-grow-1"></div> <div class="additionalsurveys d-flex flex-column"> <small> Additional Surveys @@ -91,11 +91,9 @@ <style lang="sass" scoped> .profile - background-color: white width: 100vw height: 0 overflow: hidden - position: relative z-index: 2 .splitscreen-toggle, @@ -127,11 +125,6 @@ .additionalsurveys input margin-right: $small-offset - -.fairwayprofile - background-color: white - margin: $offset - margin-top: 0 </style> <script>