Fixed no javascript access message page
When the site is viewed without javascript the navbar forever animates and the opacity of #page-contents is set, thus making the no javascript message display not acceptable. To get around this a noscript tag in the header is added that sets specific CSS in the case the there is indeed no javascript. Signed-off-by: Collin J. Doering <collin.doering@rekahsoft.ca>
This commit is contained in:
parent
1d8e0a5587
commit
1bc0beefab
|
@ -24,6 +24,19 @@
|
||||||
<!-- / %link(rel="apple-touch-icon" href="lib/images/apple-touch-icon.png") -->
|
<!-- / %link(rel="apple-touch-icon" href="lib/images/apple-touch-icon.png") -->
|
||||||
<!-- / %link(rel="apple-touch-icon" sizes="72x72" href="lib/images/apple-touch-icon-72x72.png") -->
|
<!-- / %link(rel="apple-touch-icon" sizes="72x72" href="lib/images/apple-touch-icon-72x72.png") -->
|
||||||
<!-- / %link(rel="apple-touch-icon" sizes="114x114" href="lib/images/apple-touch-icon-114x114.png") -->
|
<!-- / %link(rel="apple-touch-icon" sizes="114x114" href="lib/images/apple-touch-icon-114x114.png") -->
|
||||||
|
|
||||||
|
<noscript>
|
||||||
|
<style>
|
||||||
|
#page-content.init.loading {
|
||||||
|
opacity: 1;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav.loading {
|
||||||
|
animation-play-state: paused;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</noscript>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
Loading…
Reference in New Issue