javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(rtl): add transform and transform-origin support for rtl (#11649)

Browse Source 
* feat(rtl): add translate3d support for directions

* feat(rtl): add transform-origin support for directions

* fix(transform): add missing origins

* fix(transform): when given a percentage, calc on rtl

* fix(transform-origin): be same as before

* fix(translate3d): no double minus

* fix(translate3d): use transform instead of cloning code

* style(scss-lint): remove empty line

* fix(merge): fix bad merge

* refactor(transform-origin): nicer logic

* style(): add eof line

* fix(transform): remove unneeded mixin

* feat(rtl): add transform mixin and str-split function

* Merge remote-tracking branch 'remotes/upstream/rtl-transform' into transform-rtl

# Conflicts:
#	src/themes/ionic.mixins.scss

* fix(transform): fix string comparison
This commit is contained in:
Amit Moryossef
2017-06-08 22:27:45 +03:00
committed by Brandy Carney
parent bb574743d9
commit 2273fb5d47
34 changed files with 249 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/toggle/toggle.ios.scss
View File

@@ -172,8 +172,7 @@ $toggle-ios-item-end-padding-start: $item-ios-padding-start !default;
// -----------------------------------------
.toggle-ios.toggle-checked .toggle-inner {
transform: translate3d($toggle-ios-width - $toggle-ios-handle-width - ($toggle-ios-border-width * 2), 0, 0);
@include transform(translate3d($toggle-ios-width - $toggle-ios-handle-width - ($toggle-ios-border-width * 2), 0, 0));
}

3
src/components/toggle/toggle.md.scss
View File

@@ -178,8 +178,9 @@ $toggle-md-item-end-padding-start: $item-md-padding-start !default;
// -----------------------------------------
.toggle-md.toggle-checked .toggle-inner {
@include transform(translate3d($toggle-md-track-width - $toggle-md-handle-width, 0, 0));
background-color: $toggle-md-handle-background-color-on;
transform: translate3d($toggle-md-track-width - $toggle-md-handle-width, 0, 0);
}

3
src/components/toggle/toggle.wp.scss
View File

@@ -160,8 +160,9 @@ $toggle-wp-item-end-padding-start: $item-wp-padding-start !default;
// -----------------------------------------
.toggle-wp.toggle-checked .toggle-inner {
@include transform(translate3d($toggle-wp-track-width - $toggle-wp-handle-width - ($toggle-wp-track-border-width * 2) - ($toggle-wp-handle-left * 2), 0, 0));
background-color: $toggle-wp-handle-background-color-on;
transform: translate3d($toggle-wp-track-width - $toggle-wp-handle-width - ($toggle-wp-track-border-width * 2) - ($toggle-wp-handle-left * 2), 0, 0);
}