comparison client/src/bottlenecks/Bottlenecks.vue @ 1213:9d93968db2cd

replaced custom css with bootstrap classes
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 14:13:01 +0100
parents 8df4ebbc5c3f
children ba8cd80d68b6
comparison
equal deleted inserted replaced
1212:387826a2efd3 1213:9d93968db2cd
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 border-top", 109 "ui-element shadow bottlenecks 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 ];
238 .bottlenecks 238 .bottlenecks
239 position: relative 239 position: relative
240 background-color: #ffffff 240 background-color: #ffffff
241 padding-top: $offset 241 padding-top: $offset
242 opacity: $slight-transparent 242 opacity: $slight-transparent
243 border-bottom-left-radius: $border-radius
244 border-bottom-right-radius: $border-radius
245 transition: left 0.3s ease 243 transition: left 0.3s ease
246 overflow: hidden 244 overflow: hidden
247 background: #fff 245 background: #fff
248 margin-left: $offset 246 margin-left: $offset
249 247
258 .close-bottlenecks 256 .close-bottlenecks
259 position: absolute 257 position: absolute
260 z-index: 2 258 z-index: 2
261 right: 0 259 right: 0
262 top: 7px 260 top: 7px
263 border-radius: $border-radius
264 height: $icon-width 261 height: $icon-width
265 width: $icon-height 262 width: $icon-height
266 display: none 263 display: none
267 264
268 .bottlenecksextended .close-bottlenecks 265 .bottlenecksextended .close-bottlenecks