Mercurial > gemma
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 |