From f0ff00835fc7979c2a89d1469370021cd945bf0d Mon Sep 17 00:00:00 2001
From: Max Lynch <max@drifty.com>
Date: Wed, 11 Jun 2014 17:37:45 -0500
Subject: [PATCH] Border not box shadow for iPad transitions

---
 scss/_animations.scss | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/scss/_animations.scss b/scss/_animations.scss
index b36d827de4..c50691316e 100644
--- a/scss/_animations.scss
+++ b/scss/_animations.scss
@@ -400,28 +400,41 @@ $ios-transition-box-shadow-end: -500px 0px 500px rgba(0,0,0,0.10), -5px 0px 5px
     @include translate3d(100%, 0, 0);
   }
 }
-.grade-a {
+
+/**
+ * iPad doesn't like box shadows
+ */
+.grade-a:not(.platform-ipad) {
   .slide-left-right-ios7, .slide-right-left-ios7.reverse {
     > .ng-enter, &.ng-enter {
-      border-radius: 1px;
       box-shadow: $ios-transition-box-shadow-start;
     }
     > .ng-enter.ng-enter-active, &.ng-enter.ng-enter-active {
-      border-radius: 1px;
       box-shadow: $ios-transition-box-shadow-end;
     }
   }
   .slide-left-right-ios7.reverse, .slide-right-left-ios7 {
     > .ng-leave, &.ng-leave {
-      border-radius: 1px;
       box-shadow: $ios-transition-box-shadow-end;
     }
     > .ng-leave.ng-leave-active, &.ng-leave.ng-leave-active {
-      border-radius: 1px;
       box-shadow: $ios-transition-box-shadow-start;
     }
   }
 }
+.grade-a.platform-ipad {
+  .slide-left-right-ios7, .slide-right-left-ios7.reverse {
+    > .ng-enter, &.ng-enter {
+      border-left: 1px solid #ddd;
+    }
+  }
+
+  .slide-left-right-ios7.reverse, .slide-right-left-ios7 {
+    > .ng-leave, &.ng-leave {
+      border-left: 1px solid #ddd;
+    }
+  }
+}
 
 
 /**