feat(layer-selector-ui): add styles for wms query layer toggle

RAMP-PCAR · Apr 29, 2015 · cb52036 · cb52036
1 parent ae5c7ec
commit cb52036
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/src/css/side-panel/base.less b/src/css/side-panel/base.less
@@ -221,6 +221,15 @@
 
             &.query {
                 text-align: center;
+                color: @layer-toggle-off-color;
+
+                &:hover, &.focused {
+                    color: @layer-toggle-hover-color;
+                }
+
+                &.checked {
+                    color: @layer-toggle-on-color;
+                }
             }
 
             &:hover, &.focused {
@@ -264,7 +273,6 @@
         .record-row .record-details,
         .record-row .record-controls,
         .sort-handle {
-
             color: #FFFFFF !important;
 
             button {
@@ -286,7 +294,7 @@
 
         td {
             color: #FFFFFF !important;
-            
+
             > button {
                 color: #FFFFFF !important;
                 outline-color: #fff !important;
@@ -380,7 +388,6 @@
 .checkbox-custom-inverted() {
     .checkbox-custom {
         &.checkbox-button button {
-
             color: @light-light-grey-color !important;
 
             &:hover {

diff --git a/src/css/variables.less b/src/css/variables.less
@@ -60,6 +60,12 @@
 
 @denim-color: #3e434b;
 
+
+@layer-toggle-hover-color: #7f7f7f;
+@layer-toggle-off-color: #d2d2d2;
+@layer-toggle-on-color: #000;
+
+
 // Shadows
 
 @upper-shadow: 0 4px 5px -5px #000000 inset;