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.