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

fix so content width stays the same during transition

Browse Source
This commit is contained in:
Adam Bradley
2014-01-14 21:48:27 -06:00
parent cf6598b09f
commit 45ad4acacd
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dist/css/ionic.css vendored
View File

@@ -5808,8 +5808,9 @@ a.button {
right: -1px;
bottom: 0;
left: -1px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; }
width: auto;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd; }
.slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter {
/* NEW content placed far RIGHT BEFORE it slides IN from the RIGHT */
-webkit-transform: translate3d(100%, 0, 0);
@@ -5834,8 +5835,9 @@ a.button {
right: -1px;
bottom: 0;
left: -1px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; }
width: auto;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd; }
.slide-left-right-ios7.reverse > .ng-enter, .slide-left-right-ios7.reverse.ng-enter {
/* NEW content placed far LEFT BEFORE it slides IN from the LEFT */
-webkit-transform: translate3d(-100%, 0, 0);

2
dist/css/ionic.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
scss/_animations.scss
View File

@@ -244,8 +244,9 @@ $ios7-transition-duration: 250ms;
right: -1px;
bottom: 0;
left: -1px;
border-left: 1px solid #ddd;
width: auto;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
> .ng-enter, &.ng-enter {
/* NEW content placed far RIGHT BEFORE it slides IN from the RIGHT */
@@ -268,8 +269,9 @@ $ios7-transition-duration: 250ms;
right: -1px;
bottom: 0;
left: -1px;
border-left: 1px solid #ddd;
width: auto;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
> .ng-enter, &.ng-enter {
/* NEW content placed far LEFT BEFORE it slides IN from the LEFT */