Mercurial > gemma

comparison client/src/bottlenecks/Bottlenecks.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 9d93968db2cd
children 957907eaaa72
comparison
equal deleted inserted replaced
1216:1c7806728172 1217:ba8cd80d68b6
104 ]), 104 ]),
105 ...mapState("bottlenecks", ["bottlenecks"]), 105 ...mapState("bottlenecks", ["bottlenecks"]),
106 ...mapState("map", ["openLayersMap"]), 106 ...mapState("map", ["openLayersMap"]),
107 bottlenecksStyle() { 107 bottlenecksStyle() {
108 return [ 108 return [
109 "ui-element shadow bottlenecks rounded-bottom border-top", 109 "ui-element shadow bottlenecks pt-3 ml-3 rounded-bottom border-top",
110 { 110 {
111 bottleneckscollapsed: !this.showBottlenecks, 111 bottleneckscollapsed: !this.showBottlenecks,
112 bottlenecksextended: this.showBottlenecks 112 bottlenecksextended: this.showBottlenecks
113 } 113 }
114 ]; 114 ];
236 236
237 <style lang="sass" scoped> 237 <style lang="sass" scoped>
238 .bottlenecks 238 .bottlenecks
239 position: relative 239 position: relative
240 background-color: #ffffff 240 background-color: #ffffff
241 padding-top: $offset
242 opacity: $slight-transparent 241 opacity: $slight-transparent
243 transition: left 0.3s ease 242 transition: left 0.3s ease
244 overflow: hidden 243 overflow: hidden
245 background: #fff 244 background: #fff
246 margin-left: $offset
247 245
248 .bottleneckscollapsed 246 .bottleneckscollapsed
249 width: 0 247 width: 0
250 height: 0 248 height: 0
251 transition: $transition-fast 249 transition: $transition-fast