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>