compiled switch disabled style fix

Dogfalo · Feb 11, 2015 · ef163c5 · ef163c5
1 parent 77c8c0e
commit ef163c5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -6418,7 +6418,7 @@ form p:last-child {
   margin-right: 10px;
   transition: background 0.3s ease;
   vertical-align: middle;
-  margin-left: 16px; }
+  margin: 0px 16px; }
 
 .switch label .lever:after {
   content: "";

diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
@@ -6418,7 +6418,7 @@ form p:last-child {
   margin-right: 10px;
   transition: background 0.3s ease;
   vertical-align: middle;
-  margin-left: 5px; }
+  margin: 0px 16px; }
 
 .switch label .lever:after {
   content: "";
@@ -6433,15 +6433,15 @@ form p:last-child {
   top: -2px;
   transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; }
 
-.switch label input[type=checkbox][disabled]:first-child + .lever:after, .switch label input[type=checkbox][disabled]:checked:first-child + .lever:after {
-  background-color: #BDBDBD; }
-
-input[type=checkbox]:first-child:checked ~ .lever:active:after {
+input[type=checkbox]:first-child:checked:not(:disabled) ~ .lever:active:after {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 149, 135, 0.1); }
 
-input[type=checkbox]:first-child ~ .lever:active:after, input[type=checkbox][disabled]:first-child ~ .lever:active:after {
+input[type=checkbox]:first-child:not(:disabled) ~ .lever:active:after {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); }
 
+.switch label input[type=checkbox][disabled]:first-child + .lever:after, .switch label input[type=checkbox][disabled]:checked:first-child + .lever:after {
+  background-color: #BDBDBD; }
+
 .switch label input[type=checkbox]:first-child:checked + .lever:after {
   left: 30px; }
 

diff --git a/sass/components/_form.scss b/sass/components/_form.scss
@@ -392,7 +392,7 @@ form p {
     margin-right: 10px;
     transition: background 0.3s ease;
     vertical-align: middle;
-    margin-left: 16px;
+    margin: 0px 16px;
 }
 .switch label .lever:after {
     content: "";