Mercurial > gemma

diff client/src/layers/Layers.vue @ 1167:1ae93a0438df

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fixed topbar button styles search button border-radius fixed margins between buttons fixed searchbar width based on flex-box (overlapping issue NOT fixed... yet)
author Markus Kottlaender <markus@intevation.de>
date Wed, 14 Nov 2018 12:12:00 +0100
parents 2fda33d55d81
children 37889ae85133
line wrap: on
line diff
--- a/client/src/layers/Layers.vue	Wed Nov 14 11:35:55 2018 +0100
+++ b/client/src/layers/Layers.vue	Wed Nov 14 12:12:00 2018 +0100
@@ -19,37 +19,32 @@
     </div>
 </template>
 
-<style lang="scss" scoped>
-.layerselectmenu {
-  position: relative;
-  margin-right: $offset;
-}
-.layerselection {
-  background-color: white;
-  margin-left: $small-offset;
-  opacity: $slight-transparent;
-}
+<style lang="sass" scoped>
+.layerselectmenu
+  position: relative
+  margin-left: $offset
+
+.layerselection
+  background-color: white
+  opacity: $slight-transparent
 
-.layerselectioncollapsed {
-  min-height: $icon-height;
-  width: $icon-width;
-  transition: $transition-fast;
-}
+.layerselectioncollapsed
+  min-height: $icon-height
+  width: $icon-width
+  transition: $transition-fast
+
+.layerselectionexpanded
+  min-height: $layerselect-height
+  width: $layerselect-width
 
-.layerselectionexpanded {
-  min-height: $layerselect-height;
-  width: $layerselect-width;
-}
-
-.minimizer {
-  position: absolute;
-  z-index: 2;
-  right: 0;
-  margin-top: $x-small-offset;
-  border-radius: $border-radius;
-  height: $icon-width;
-  width: $icon-height;
-}
+.minimizer
+  position: absolute
+  z-index: 2
+  right: 0
+  margin-top: $x-small-offset
+  border-radius: $border-radius
+  height: $icon-width
+  width: $icon-height
 </style>
 
 <script>