diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss index 0bfc824143de..69f190b121b4 100644 --- a/cms/static/sass/_base.scss +++ b/cms/static/sass/_base.scss @@ -648,21 +648,22 @@ hr.divider { // ui - skipnav .nav-skip { @extend %t-action3; - display: block; + display: inline-block; position: absolute; left: 0px; top: -($baseline*30); - width: 1px; - height: 1px; overflow: hidden; background: $white; border-bottom: 1px solid $gray-l4; padding: ($baseline*0.75) ($baseline/2); - &:focus, &:active { - position: static; + &:focus, + &:active { + position: relative; + top: auto; width: auto; height: auto; + margin: 0; } } @@ -725,4 +726,3 @@ hr.divider { color: $gray-l1; } } - diff --git a/cms/static/sass/elements/_navigation.scss b/cms/static/sass/elements/_navigation.scss index 2f4694b33fc0..1e7e5f42da24 100644 --- a/cms/static/sass/elements/_navigation.scss +++ b/cms/static/sass/elements/_navigation.scss @@ -25,21 +25,22 @@ nav { // skip navigation .nav-skip { @include font-size(13); - display: block; + display: inline-block; position: absolute; left: 0px; top: -($baseline*30); - width: 1px; - height: 1px; overflow: hidden; background: $white; border-bottom: 1px solid $gray-l4; padding: ($baseline*0.75) ($baseline/2); - &:focus, &:active { - position: static; + &:focus, + &:active { + position: relative; + top: auto; width: auto; height: auto; + margin: 0; } } diff --git a/cms/templates/base.html b/cms/templates/base.html index 51db3f154cf6..56107e157f51 100644 --- a/cms/templates/base.html +++ b/cms/templates/base.html @@ -62,7 +62,7 @@ <%block name="page_alert">%block> -