Add banner when JavaScript is disabled
As requested in #224, added a banner to the website when JavaScript is disabled using <noscript>.lektura
parent
9e3676d852
commit
ca61128a3f
|
@ -1,5 +1,6 @@
|
||||||
{{ "<!-- NAVIGATION -->" | safeHTML }}
|
{{ "<!-- NAVIGATION -->" | safeHTML }}
|
||||||
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top affix">
|
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top affix">
|
||||||
|
<noscript><b>Warning:</b> Interactive features will not work with JavaScript disabled</noscript>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
{{ "<!-- Brand and toggle get grouped for better mobile display -->" | safeHTML }}
|
{{ "<!-- Brand and toggle get grouped for better mobile display -->" | safeHTML }}
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
|
|
|
@ -12,6 +12,14 @@ blockquote p {
|
||||||
.btn {
|
.btn {
|
||||||
white-space: normal; /* wrap button words */
|
white-space: normal; /* wrap button words */
|
||||||
}
|
}
|
||||||
|
noscript {
|
||||||
|
background-color: #fcf8e3;
|
||||||
|
border-bottom: 1px solid #faebcc;
|
||||||
|
color: #8a6d3b;
|
||||||
|
display: block;
|
||||||
|
padding: 6px 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
/* SUBPAGES */
|
/* SUBPAGES */
|
||||||
.subpage {
|
.subpage {
|
||||||
|
|
Loading…
Reference in New Issue