fix so content width stays the same during transition

Adam Bradley · Adam Bradley · commit 45ad4acacd9a · 2014-01-14T21:48:27.000-06:00
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
@@ -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);
diff --git a/dist/css/ionic.min.css b/dist/css/ionic.min.css
diff --git a/scss/_animations.scss b/scss/_animations.scss
@@ -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 */
