beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added [hidden] attribute to <noscript> inside .settings

Browse source 
to avoid two list appearing when both css and js are disabled.
This commit is contained in:
westtle 2024-02-13 22:18:29 +07:00
parent e5057a2ac3
commit b2ed8fae5d
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/styles/no-js.css
View file

@ -1,3 +1,5 @@
noscript[hidden] { display: block; }
noscript p { noscript p {
margin-top: 0.75rem; margin-top: 0.75rem;
font-family: var(--font-1); font-family: var(--font-1);

2
index.html
View file

@ -119,7 +119,7 @@
</ul> </ul>
<!-- No JS Fallback --> <!-- No JS Fallback -->
<noscript> <noscript 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"> <ul class="settings__buttons settings__buttons--no-js">
<li class="settings__button-item"> <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"> <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">