feat(bricks): add formstone-style checkbox

RAMP-PCAR · May 1, 2015 · a668e46 · a668e46
1 parent 490fec3
commit a668e46
Show file tree

Hide file tree

Showing 3 changed files with 178 additions and 78 deletions.
diff --git a/src/css/assets/picker.less b/src/css/assets/picker.less
@@ -13,6 +13,7 @@
 //@fs-checkbox-marker-height-width: 20px;
 //@fs-checkbox-marker-margin: 0 10px 0 0;
 
+@fs-checkbox-flag-background: #545454;
 
 // Focus
 @fs-dropdown-focus-marker-box-shadow: @default-focus-shadow;
@@ -38,7 +39,7 @@
     &-toggle&-checked {
 
         .fs-checkbox-flag {
-            background: #545454;
+            background:@fs-checkbox-flag-background;
             border: 1px @medium-dark-grey-color outset;
 
             &:after {
@@ -69,9 +70,10 @@
         color: #000;
     }*/
 
-    &-toggle &-marker {
-        float: right;
-        margin: 0;
+    &-marker {
+        position: absolute !important;
+        right: 0;
+        margin-right: 0;
         border-style: outset;
     }
 

diff --git a/src/css/side-panel/categories.less b/src/css/side-panel/categories.less
@@ -230,6 +230,10 @@
                 line-height: 150%;
             }
 
+            label {
+                color: white;
+            }
+
             .layer-settings {
                 padding: 12px 22px 2px 35px;
             }