fix: Icon placement for Toggle

quasarframework · Jan 29, 2017 · c7c5b53 · c7c5b53
1 parent 05c7a3a
commit c7c5b53
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/vue-components/toggle/toggle.ios.styl b/src/vue-components/toggle/toggle.ios.styl
@@ -29,7 +29,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size - 2 * $toggle-bo
     position absolute
     top 0
     bottom 0
-    left (.17 * $toggle-handle-size)
+    left (.23 * $toggle-handle-size)
     transition all .3s ease
 
   div
@@ -70,7 +70,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size - 2 * $toggle-bo
 
   input:checked ~ i
     color $form-active-color
-    transform translateX($toggle-area-active-left)
+    transform translateX(($toggle-area-active-left - 2px))
 
   for $name, $color in $colors
     &.{$name} input:checked

diff --git a/src/vue-components/toggle/toggle.mat.styl b/src/vue-components/toggle/toggle.mat.styl
@@ -24,7 +24,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size)
     position absolute
     top 0
     bottom 0
-    left (.185 * $toggle-handle-size)
+    left (.25 * $toggle-handle-size)
     transition all .3s ease
 
   div
@@ -60,7 +60,7 @@ $toggle-area-active-left = ($toggle-width - $toggle-handle-size)
 
   input:checked ~ i
     color white
-    transform translateX($toggle-area-active-left)
+    transform translateX(($toggle-area-active-left - 1.6px))
 
 
   for $name, $color in $colors