diff --git a/resources/static/pages/css/style.css b/resources/static/pages/css/style.css index 5eb988147060b73f695ba65b77f126015d85eccf..7696219529cdd3d6395924c171c38d9ce8b96336 100644 --- a/resources/static/pages/css/style.css +++ b/resources/static/pages/css/style.css @@ -3,7 +3,8 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -noscript { +#noscript-warning { + position: absolute; position: fixed; display: block; background-color: #ef1010; diff --git a/resources/views/partial/noscript-warning.ejs b/resources/views/partial/noscript-warning.ejs new file mode 100644 index 0000000000000000000000000000000000000000..2da8b420b8cbc21b07acf28c2ec585cf212b0ca6 --- /dev/null +++ b/resources/views/partial/noscript-warning.ejs @@ -0,0 +1,9 @@ +<noscript> + <!-- IE8 has a rendering bug with noscript tags, content must be placed + inside of another element to be styled --> + <p id="noscript-warning"> + <%- gettext('We\'re sorry, Persona requires that Javascript is enabled.') %> + </p> +</noscript> + + diff --git a/resources/views/signin.ejs b/resources/views/signin.ejs index 5534e344d8d227fe47e26c41ad6a2bfbaff4415d..a58ec52fce7d98183d22bec8dc0dcd663946d7b9 100644 --- a/resources/views/signin.ejs +++ b/resources/views/signin.ejs @@ -113,7 +113,5 @@ </div> </div> -<noscript> - <%- gettext('We\'re sorry, Persona requires that Javascript is enabled.') %> -</noscript> +<%- partial('partial/noscript-warning') %>