Mercurial > gemma

comparison client/src/fairway/Fairwayprofile.vue @ 1217:ba8cd80d68b6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
1216:1c7806728172 1217:ba8cd80d68b6
10 class="rounded-bottom bg-white border-0 position-absolute clear-selection shadow-sm" 10 class="rounded-bottom bg-white border-0 position-absolute clear-selection shadow-sm"
11 @click="$store.dispatch('fairwayprofile/clearSelection');" 11 @click="$store.dispatch('fairwayprofile/clearSelection');"
12 v-if="showSplitscreen"> 12 v-if="showSplitscreen">
13 <i class="fa fa-times text-danger"></i> 13 <i class="fa fa-times text-danger"></i>
14 </button> 14 </button>
15 <div class="profile d-flex flex-column pr-5"> 15 <div class="profile bg-white position-relative d-flex flex-column pr-5">
16 <h5 class="mb-0 mt-2">{{ selectedBottleneck }} ({{ selectedSurvey.date_info }})</h5> 16 <h5 class="mb-0 mt-2">{{ selectedBottleneck }} ({{ selectedSurvey.date_info }})</h5>
17 <div class="d-flex flex-fill"> 17 <div class="d-flex flex-fill">
18 <div class="fairwayprofile flex-grow-1"></div> 18 <div class="fairwayprofile m-3 mt-0 bg-white flex-grow-1"></div>
19 <div class="additionalsurveys d-flex flex-column"> 19 <div class="additionalsurveys d-flex flex-column">
20 <small> 20 <small>
21 Additional Surveys 21 Additional Surveys
22 <select v-model="additionalSurvey" class="form-control form-control-sm"> 22 <select v-model="additionalSurvey" class="form-control form-control-sm">
23 <option value="">None</option> 23 <option value="">None</option>
89 </div> 89 </div>
90 </template> 90 </template>
91 91
92 <style lang="sass" scoped> 92 <style lang="sass" scoped>
93 .profile 93 .profile
94 background-color: white
95 width: 100vw 94 width: 100vw
96 height: 0 95 height: 0
97 overflow: hidden 96 overflow: hidden
98 position: relative
99 z-index: 2 97 z-index: 2
100 98
101 .splitscreen-toggle, 99 .splitscreen-toggle,
102 .clear-selection 100 .clear-selection
103 right: $icon-width + $offset 101 right: $icon-width + $offset
125 margin-left: auto 123 margin-left: auto
126 max-width: 300px 124 max-width: 300px
127 125
128 .additionalsurveys input 126 .additionalsurveys input
129 margin-right: $small-offset 127 margin-right: $small-offset
130
131 .fairwayprofile
132 background-color: white
133 margin: $offset
134 margin-top: 0
135 </style> 128 </style>
136 129
137 <script> 130 <script>
138 /* 131 /*
139 * This is Free Software under GNU Affero General Public License v >= 3.0 132 * This is Free Software under GNU Affero General Public License v >= 3.0