javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

toggle translate3d

Browse Source
This commit is contained in:
Adam Bradley
2013-11-07 13:11:46 -06:00
parent 992d8b6227
commit b09e3cf412
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dist/css/ionic.css vendored
View File

@ -3958,8 +3958,8 @@ input[type="checkbox"][readonly] {
/* the handle when the toggle is "on" */ /* the handle when the toggle is "on" */
.toggle input:checked + .track .handle { .toggle input:checked + .track .handle {
-webkit-transform: translate(22px, 0); -webkit-transform: translate3d(22px, 0, 0);
transform: translate(22px, 0); transform: translate3d(22px, 0, 0);
background-color: white; } background-color: white; }
/* make sure list item content have enough padding on right to fit the toggle */ /* make sure list item content have enough padding on right to fit the toggle */

2
scss/_toggle.scss
View File

@ -61,7 +61,7 @@
/* the handle when the toggle is "on" */ /* the handle when the toggle is "on" */
.toggle input:checked + .track .handle { .toggle input:checked + .track .handle {
@include translate($toggle-width - $toggle-handle-width - ($toggle-border-width * 2), 0); @include translate3d($toggle-width - $toggle-handle-width - ($toggle-border-width * 2), 0, 0);
background-color: $toggle-handle-on-bg-color; background-color: $toggle-handle-on-bg-color;
} }