Mercurial > gemma
comparison client/src/components/map/Contextbox.vue @ 1274:dc3fb8ad8f86
further improved box header style
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 22 Nov 2018 07:23:14 +0100 |
parents | bc55ffaeb639 |
children |
comparison
equal
deleted
inserted
replaced
1273:a76a06dd2f1e | 1274:dc3fb8ad8f86 |
---|---|
1 <template> | 1 <template> |
2 <div :class="style"> | 2 <div :class="style"> |
3 <div @click="close" class="ui-element close-contextbox"> | 3 <div @click="close" class="ui-element close-contextbox text-muted"> |
4 <i class="fa fa-close"></i> | 4 <i class="fa fa-close"></i> |
5 </div> | 5 </div> |
6 <Bottlenecks v-if="showInContextBox === 'bottlenecks'"></Bottlenecks> | 6 <Bottlenecks v-if="showInContextBox === 'bottlenecks'"></Bottlenecks> |
7 <Imports v-if="showInContextBox === 'imports'"></Imports> | 7 <Imports v-if="showInContextBox === 'imports'"></Imports> |
8 <Staging v-if="showInContextBox === 'staging'"></Staging> | 8 <Staging v-if="showInContextBox === 'staging'"></Staging> |
82 right: 0 | 82 right: 0 |
83 top: 7px | 83 top: 7px |
84 height: $icon-width | 84 height: $icon-width |
85 width: $icon-height | 85 width: $icon-height |
86 display: none | 86 display: none |
87 color: #fff | |
88 | 87 |
89 .contextboxextended .close-contextbox | 88 .contextboxextended .close-contextbox |
90 display: block | 89 display: block |
91 </style> | 90 </style> |