added .class to <noscript>

This commit is contained in:
westtle 2024-02-13 22:35:27 +07:00
parent b2ed8fae5d
commit 8c64f5af43
2 changed files with 4 additions and 4 deletions

View file

@ -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;

View file

@ -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>