diff --git a/src/_h5ai/client/css/inc/no-js-fallback.less b/src/_h5ai/client/css/inc/fallback.less similarity index 92% rename from src/_h5ai/client/css/inc/no-js-fallback.less rename to src/_h5ai/client/css/inc/fallback.less index e6605e12..9c0c50e0 100644 --- a/src/_h5ai/client/css/inc/no-js-fallback.less +++ b/src/_h5ai/client/css/inc/fallback.less @@ -1,5 +1,6 @@ -#no-js-fallback { +#fallback { + display: none; max-width: 960px; margin: 80px auto; @@ -79,3 +80,11 @@ } } } + + +html.no-js, html.no-browser { + + #fallback { + display: block; + } +} diff --git a/src/_h5ai/client/css/styles.less b/src/_h5ai/client/css/styles.less index 2d15bb29..de6b62e8 100644 --- a/src/_h5ai/client/css/styles.less +++ b/src/_h5ai/client/css/styles.less @@ -25,7 +25,7 @@ @import "inc/view-grid"; // @import "inc/context-menu"; @import "inc/dropbox"; -@import "inc/no-js-fallback"; +@import "inc/fallback"; @import "inc/responsive"; diff --git a/src/_h5ai/client/js/scripts.js b/src/_h5ai/client/js/scripts.js index 8b586934..7b454a7c 100644 --- a/src/_h5ai/client/js/scripts.js +++ b/src/_h5ai/client/js/scripts.js @@ -35,8 +35,6 @@ if ($('html').hasClass('no-browser')) { - $(function () { $('#no-js-fallback').removeClass('hideOnJs'); }); - } else if (mode === 'info') { $(function () { modulejs.require('info'); }); diff --git a/src/_h5ai/server/php/inc/page.php.jade b/src/_h5ai/server/php/inc/page.php.jade index 9a850cd0..f4aaee29 100644 --- a/src/_h5ai/server/php/inc/page.php.jade +++ b/src/_h5ai/server/php/inc/page.php.jade @@ -39,4 +39,4 @@ html.no-js( lang="en" ) span.right span.center - div#no-js-fallback.hideOnJs !{fallback} + div#fallback !{fallback}