Mercurial > gemma

comparison client/src/application/Sidebar.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 1c7806728172
children 957907eaaa72
comparison
equal deleted inserted replaced
1216:1c7806728172 1217:ba8cd80d68b6
1 <template> 1 <template>
2 <div :class="sidebarStyle"> 2 <div :class="sidebarStyle">
3 <div 3 <div
4 @click="$store.commit('application/showSidebar', !showSidebar)" 4 @click="$store.commit('application/showSidebar', !showSidebar)"
5 class="menubutton rounded position-absolute d-flex justify-content-center" 5 class="menubutton p-2 bg-white rounded position-absolute d-flex justify-content-center"
6 > 6 >
7 <i class="ui-element d-print-none fa fa-bars"></i> 7 <i class="ui-element d-print-none fa fa-bars"></i>
8 </div> 8 </div>
9 <div :class="menuStyle"> 9 <div :class="menuStyle">
10 <div class="menupoints" v-if="this.showSidebar"> 10 <div class="menupoints" v-if="this.showSidebar">
156 156
157 .menupoints 157 .menupoints
158 text-align: left 158 text-align: left
159 159
160 .menubutton 160 .menubutton
161 background-color: white
162 padding: $small-offset
163 height: $icon-height 161 height: $icon-height
164 width: $icon-width 162 width: $icon-width
165 top: 0 163 top: 0
166 left: 0 164 left: 0
167 165