Преглед на файлове

Update static/sass/bootstrap-switch.scss

Changed width lengths to numbers that are divisible by 3 and changed percentages to 33.333333% (it's recommended to use up to 6 decimals for calculations). This way the movements can be set to 0% and 50% respectively and everything is close to pixel perfect (it was not displaying correctly in iOS before).
t3chn0r преди 12 години
родител
ревизия
4dc73af4dd
променени са 1 файла, в които са добавени 7 реда и са изтрити 7 реда
  1. 7 7
      static/sass/bootstrap-switch.scss

+ 7 - 7
static/sass/bootstrap-switch.scss

@@ -26,14 +26,14 @@ $border-radius: 4px;
   -ms-user-select: none;
   -ms-user-select: none;
   user-select: none;
   user-select: none;
 
 
-  min-width: 100px;
+  min-width: 102px;
 
 
   &.switch-mini {
   &.switch-mini {
-    min-width: 70px;
+    min-width: 72px;
   }
   }
 
 
   &.switch-small {
   &.switch-small {
-    min-width: 80px;
+    min-width: 81px;
   }
   }
 
 
   &.switch-large {
   &.switch-large {
@@ -57,7 +57,7 @@ $border-radius: 4px;
       @include transition(left 0.5s);
       @include transition(left 0.5s);
     }
     }
     &.switch-off {
     &.switch-off {
-      left: -49.5%;
+      left: -50%;
     }
     }
     &.switch-on {
     &.switch-on {
       left: 0%;
       left: 0%;
@@ -111,7 +111,7 @@ $border-radius: 4px;
     margin-top: -1px;
     margin-top: -1px;
     margin-bottom: -1px;
     margin-bottom: -1px;
     z-index: 100;
     z-index: 100;
-    width: 34%;
+    width: 33.333333%;
     border-left: 1px solid $gray;
     border-left: 1px solid $gray;
     border-right: 1px solid $gray;
     border-right: 1px solid $gray;
 
 
@@ -122,7 +122,7 @@ $border-radius: 4px;
     color: $white;
     color: $white;
     text-align: center;
     text-align: center;
     z-index: 1;
     z-index: 1;
-    width: 33%;
+    width: 33.333333%;
 
 
     &.switch-left {
     &.switch-left {
       @include border-top-left-radius($border-radius);
       @include border-top-left-radius($border-radius);
@@ -165,4 +165,4 @@ $border-radius: 4px;
       @include background-image(linear-gradient(bottom, $startColor, #BD362F));
       @include background-image(linear-gradient(bottom, $startColor, #BD362F));
     }
     }
   }
   }
-}
+}