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" 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") -->
|
||||
|
||||
<noscript>
|
||||
<style>
|
||||
#page-content.init.loading {
|
||||
opacity: 1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#nav.loading {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
</style>
|
||||
</noscript>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
Loading…
Reference in New Issue