Mercurial > gemma
comparison client/src/components/map/toolbar/Toolbar.vue @ 1414:92d9dec88add
added indicator to info button when identifiedFeatures are present
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 29 Nov 2018 10:29:57 +0100 |
parents | 553aadd97087 |
children | 24b7f71c4406 |
comparison
equal
deleted
inserted
replaced
1413:c5e004b97394 | 1414:92d9dec88add |
---|---|
39 margin-bottom: $offset | 39 margin-bottom: $offset |
40 border-radius: $border-radius | 40 border-radius: $border-radius |
41 box-shadow: $shadow-xs | 41 box-shadow: $shadow-xs |
42 z-index: 2 | 42 z-index: 2 |
43 pointer-events: auto | 43 pointer-events: auto |
44 position: relative | |
45 overflow: hidden | |
44 .inverted | 46 .inverted |
45 color: $color-info | 47 color: $color-info |
46 .grey | 48 .grey |
47 color: #ddd | 49 color: #ddd |
50 .indicator | |
51 color: #fff | |
52 background: $color-info | |
53 position: absolute | |
54 bottom: -14px | |
55 left: -14px | |
56 padding: 2px 4px 1px | |
57 font-size: 11px | |
58 line-height: 11px | |
59 border-top-right-radius: $border-radius | |
60 transition: bottom 0.3s, left 0.3s | |
61 &.show | |
62 left: 0 | |
63 bottom: 0 | |
48 </style> | 64 </style> |
49 | 65 |
50 <script> | 66 <script> |
51 /* This is Free Software under GNU Affero General Public License v >= 3.0 | 67 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
52 * without warranty, see README.md and license for details. | 68 * without warranty, see README.md and license for details. |