added .class to <noscript>
This commit is contained in:
parent
b2ed8fae5d
commit
8c64f5af43
2 changed files with 4 additions and 4 deletions
|
@ -1,6 +1,6 @@
|
|||
noscript[hidden] { display: block; }
|
||||
.noscript__settings { display: block; }
|
||||
|
||||
noscript p {
|
||||
.noscript__message {
|
||||
margin-top: 0.75rem;
|
||||
font-family: var(--font-1);
|
||||
font-size: 1rem;
|
||||
|
|
|
@ -119,7 +119,7 @@
|
|||
</ul>
|
||||
|
||||
<!-- No JS Fallback -->
|
||||
<noscript hidden> <!-- Use hidden so the list doesn't appear twice when both CSS and JS are disabled (Unhide in CSS). -->
|
||||
<noscript class="noscript__settings" hidden> <!-- Use hidden so the list doesn't appear twice when both CSS and JS are disabled (Unhide in CSS). -->
|
||||
<ul class="settings__buttons settings__buttons--no-js">
|
||||
<li class="settings__button-item">
|
||||
<a class="settings__button settings__button--github" aria-labelledby="settings__button-label--github--no-js" rel="noopener" href="https://github.com/westtle/simple-note" target="_blank">
|
||||
|
@ -153,7 +153,7 @@
|
|||
<textarea id="simple-note__input--body" class="simple-note__input simple-note__input--body -flex-grow" placeholder="Your content here..." spellcheck="false"></textarea>
|
||||
|
||||
<!-- No JS Fallback -->
|
||||
<noscript>
|
||||
<noscript class="noscript__message">
|
||||
<p>Hello, it seems you have JavaScript disabled. This site uses localStorage to save your note on the web. You can still type in here, but if you want your note to be saved, you need to have JavaScript enabled (Unless you're using Firefox since it can remember your input).</p>
|
||||
</noscript>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue