Mercurial > gemma

diff client/src/components/map/toolbar/Toolbar.vue @ 1414:92d9dec88add

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
line wrap: on
line diff
--- a/client/src/components/map/toolbar/Toolbar.vue	Thu Nov 29 09:59:10 2018 +0100
+++ b/client/src/components/map/toolbar/Toolbar.vue	Thu Nov 29 10:29:57 2018 +0100
@@ -41,10 +41,26 @@
   box-shadow: $shadow-xs
   z-index: 2
   pointer-events: auto
+  position: relative
+  overflow: hidden
   .inverted
     color: $color-info
   .grey
     color: #ddd
+  .indicator
+    color: #fff
+    background: $color-info
+    position: absolute
+    bottom: -14px
+    left: -14px
+    padding: 2px 4px 1px
+    font-size: 11px
+    line-height: 11px
+    border-top-right-radius: $border-radius
+    transition: bottom 0.3s, left 0.3s
+    &.show
+      left: 0
+      bottom: 0
 </style>
 
 <script>