From 8c64f5af43d4a17103cc550a77756c371094e88e Mon Sep 17 00:00:00 2001
From: westtle <103447524+westtle@users.noreply.github.com>
Date: Tue, 13 Feb 2024 22:35:27 +0700
Subject: [PATCH] added .class to <noscript>

---
 assets/styles/no-js.css | 4 ++--
 index.html              | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/styles/no-js.css b/assets/styles/no-js.css
index 29d52f0..cf5cbeb 100644
--- a/assets/styles/no-js.css
+++ b/assets/styles/no-js.css
@@ -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;
diff --git a/index.html b/index.html
index fb53908..8346395 100644
--- a/index.html
+++ b/index.html
@@ -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>