From b2ed8fae5d84ee9a2abee057a2b999f0122d7c4e Mon Sep 17 00:00:00 2001
From: westtle <103447524+westtle@users.noreply.github.com>
Date: Tue, 13 Feb 2024 22:18:29 +0700
Subject: [PATCH] added [hidden] attribute to <noscript> inside .settings

to avoid two list appearing when both css and js are disabled.
---
 assets/styles/no-js.css | 2 ++
 index.html              | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/styles/no-js.css b/assets/styles/no-js.css
index 5623e01..29d52f0 100644
--- a/assets/styles/no-js.css
+++ b/assets/styles/no-js.css
@@ -1,3 +1,5 @@
+noscript[hidden] { display: block; }
+
 noscript p {
     margin-top: 0.75rem;
     font-family: var(--font-1);
diff --git a/index.html b/index.html
index 5994565..fb53908 100644
--- a/index.html
+++ b/index.html
@@ -119,7 +119,7 @@
         </ul>
 
         <!-- 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">
                 <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">