diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss index 4ed2b56534..653e7c4759 100644 --- a/lms/static/sass/base/_base.scss +++ b/lms/static/sass/base/_base.scss @@ -204,5 +204,6 @@ mark { } } - - +.sr { + @include text-sr(); +} \ No newline at end of file diff --git a/lms/static/sass/base/_mixins.scss b/lms/static/sass/base/_mixins.scss index 58a92d1ee6..1189e02748 100644 --- a/lms/static/sass/base/_mixins.scss +++ b/lms/static/sass/base/_mixins.scss @@ -7,10 +7,23 @@ @return $body-line-height * $amount; } -@mixin hide-text(){ - text-indent: -9999px; +// image-replacement hidden text +@mixin text-hide() { + text-indent: 100%; + white-space: nowrap; overflow: hidden; - display: block; +} + +// hidden elems - screenreaders +@mixin text-sr() { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } @mixin vertically-and-horizontally-centered ( $height, $width ) { diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index 8a088c9d6b..2be5f4ad45 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -13,14 +13,15 @@ // js-enabled .js { - // utility - .is-shown { - display: block; - } + #register-form, #login-form { - // hidden - .is-hidden { - display: none; + .status.message { + display: none; + + &.is-shown { + display: block; + } + } } } diff --git a/lms/templates/login.html b/lms/templates/login.html index a5ffab8582..3be504d9fa 100644 --- a/lms/templates/login.html +++ b/lms/templates/login.html @@ -61,30 +61,30 @@
- +

Login Form

-