Orbit: Fix for links not working on some devices

When a user wraps an image in a link inside Orbit, the link should be set to display:block. I have limited this styles to only links that are direct children of the <li>. We don't want to set all links inside Orbit to be display:block (such as links inside a caption).

diff --git a/scss/foundation/components/_orbit.scss b/scss/foundation/components/_orbit.scss
index 1c2aa91a76f698ada50ea60c1fe30d99c178f1f7..2eb6889f1bb847bb6e0fafcc4029f2eba15fac75 100644 (file)
--- a/scss/foundation/components/_orbit.scss
+++ b/scss/foundation/components/_orbit.scss
@@ -188,6 +188,8 @@ $orbit-timer-hide-for-small: true !default;
           width: 100%;
           @include translate3d(100%,0,0);
 
+          > a { display: block; }
+
           &.active {
             opacity: 1;
             // "relative" positioning is required for variable height of children.