From: Joe Workman Date: Tue, 8 Apr 2014 15:33:09 +0000 (-0700) Subject: Orbit: Fix for links not working on some devices X-Git-Tag: v5.2.3~63^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F4934%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git 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
  • . 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 1c2aa91a7..2eb6889f1 100644 --- 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.