(js) Improve performance of color picker

Lower the number of watchers.
2026-05-29 23:25:27 +00:00 · 2017-05-23 15:42:54 -04:00
parent 8f005b90f5
commit 8678949c87
4 changed files with 133 additions and 45 deletions
@@ -0,0 +1,30 @@
+/// colorpicker.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
+
+$colorpicker-size: 25px;
+
+.sg-color-picker-panel {
+
+  div {
+    line-height: 0;
+    cursor: pointer;
+  }
+
+  span {
+    display: inline-block;
+    height: $colorpicker-size;
+    transition: transform .2s;
+    width: $colorpicker-size;
+    z-index: $z-index-menu;
+
+    &:not(.selected):hover {
+      outline: 0;
+      transform: scale(1.3, 1.3);
+      z-index: $z-index-menu + 1;
+    }
+
+    md-icon {
+      float: left;
+    }
+  }
+
+}