feat(layer-selector-ui): update styles for layer settings panel

RAMP-PCAR · Apr 28, 2015 · e641e63 · e641e63
1 parent 25533be
commit e641e63
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 5 deletions.
diff --git a/src/css/effects/brick-effects.less b/src/css/effects/brick-effects.less
@@ -156,6 +156,8 @@
 
 .checkbox-brick-container {
     .checkbox-content {
+        margin: 0;
+
         .checkbox-state {
             display: none;
             text-transform: uppercase;
@@ -170,7 +172,14 @@
         }
     }
 
+    &.empty-header {
+        .checkbox-content label {
+            padding-left: 0;
+        }
+    }
+
     &:not(.empty-header) {
+
         .checkbox-state-off {
             display: inline;
         }
@@ -193,6 +202,12 @@
         margin: 0;
     }
 
+    &.empty-header {
+        .toggle-content label {
+            padding-left: 0;
+        }
+    }
+
     &:not(.empty-header) {
         .fs-checkbox-toggle {
 

diff --git a/src/css/side-panel/categories.less b/src/css/side-panel/categories.less
@@ -211,17 +211,17 @@
         .filter-row-settings {
             display: none;
             box-shadow: @upper-large-shadow, @lower-large-shadow;
-            background-image: @denim;
-            font-family: Arial,Verdana,Helvetica,sans-serif;
+            background-color: @denim-color !important;
+            font-family: Arial, Verdana, Helvetica, sans-serif;
             color: #fff;
-            padding: 0px 0px 15px 0px;
+            //padding: 0 0 15px 0;
             border-style: none solid none solid;
             border-color: @dark-grey-color;
             border-width: 1px;
 
             h4 {
                 text-align: center;
-                margin: 0 0 15px 0 !important;
+                //margin: 0 0 15px 0 !important;
                 padding: 6px 2px 3px !important;
                 border-bottom: 1px inset black;
                 box-shadow: @upper-large-shadow;
@@ -230,12 +230,18 @@
                 line-height: 150%;
             }
 
+            .layer-settings {
+                padding: 12px 22px 2px 35px;
+            }
+
             .transparency-setting {
                 text-align: right;
-                padding: 0 20px;
+                margin: 0 0 10px 0;
+                //padding: 0 20px;
 
                 .nstSlider {
                     display: inline-block;
+                    width: 60%;
 
                     &.disabled {
                         .highlightPanel {

diff --git a/src/css/variables.less b/src/css/variables.less
@@ -58,6 +58,8 @@
 
 @light-border-color: #BFBFBF;
 
+@denim-color: #3e434b;
+
 // Shadows
 
 @upper-shadow: 0 4px 5px -5px #000000 inset;