fix(styles): make group more distinctable

ng-select · May 23, 2018 · 5808eb7 · 5808eb7
1 parent ad8a644
commit 5808eb7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/themes/default.theme.scss b/src/themes/default.theme.scss
@@ -205,15 +205,16 @@ $color-selected: #f5faff;
             user-select: none;
             cursor: default;
             padding: 8px 10px;
-            &.ng-select-disabled {
-                color: rgba(0, 0, 0, .54);
+            font-weight: 500;
+            color: rgba(0, 0, 0, 0.54);
+            cursor: pointer;
+            &.ng-option-disabled {
+                cursor: default;
             }
             &.ng-option-marked {
                 background-color: #ebf5ff;
-                color: #333;
             }
             &.ng-option-selected {
-                color: #333;
                 background-color: $color-selected;
                 font-weight: 600;
             }

diff --git a/src/themes/material.theme.scss b/src/themes/material.theme.scss
@@ -193,16 +193,17 @@ $highlight-color: #3f51b5;
     .ng-dropdown-panel-items {
         .ng-optgroup {
             user-select: none;
-            cursor: default;
+            cursor: pointer;
             line-height: 3em;
             height: 3em;
             padding: 0 16px;
+            color: rgba(0, 0, 0, .54);
+            font-weight: 500;
             &.ng-option-marked {
                 background: rgba(0, 0, 0, .04);
-                color: rgba(0, 0, 0, .87);
             }
             &.ng-option-disabled {
-                color: rgba(0, 0, 0, .54);
+                cursor: default;
             }
             &.ng-option-selected {
                 background: rgba(0, 0, 0, .12);