(js) Highlight selected color in color picker

2026-07-15 05:14:53 +00:00 · 2015-11-13 14:19:11 -05:00
parent 5ed142853a
commit 9d0bc5570b
2 changed files with 17 additions and 5 deletions
@@ -1,18 +1,29 @@
@import "extends";

-// Color picker
+// sgColorPicker directive
 .sg-color-picker {
  md-grid-tile {
    border-radius: 25%;
-    &:hover,
-    &:active {
+    &:hover:not(.selected),
+    &:active:not(.selected) {
      cursor: pointer;
      transform: scale(1.5);
    }
+    &.selected {
+      background-color: transparent !important;
+      md-icon {
+        display: inline-block;
+        font-size: 32px;
+        margin: 0;
+      }
+    }
+    md-icon {
+      display: none;
+    }
  }
 }

-// See sgToggleGrid directive
+// sgToggleGrid directive
 [sg-toggle-grid] {
  md-grid-tile {
    border-radius: 5%;