From 619288d9d16c273f373241305420d2ae55b6d0a1 Mon Sep 17 00:00:00 2001
From: Alejandro <castillo.alex97@outlook.com>
Date: Sun, 11 Feb 2024 15:30:46 -0400
Subject: [PATCH] Add warning about disabled JS

---
 app/views/admin/partials/nav.php |  1 +
 public/assets/css/admin/main.css | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/app/views/admin/partials/nav.php b/app/views/admin/partials/nav.php
index d9c5bbb..11504b4 100755
--- a/app/views/admin/partials/nav.php
+++ b/app/views/admin/partials/nav.php
@@ -49,6 +49,7 @@
         </a>
     </div>
 </nav>
+<noscript class="warning">Looks like JavaScript is disabled or your browser does not support it. JavaScript is required for the site to work properly.</noscript>
 <div class="nav-background" onclick="document.body.toggleAttribute('nav-open')"></div>
 <?= $this->include('admin/partials/snackbar.php') ?>
 <script>
diff --git a/public/assets/css/admin/main.css b/public/assets/css/admin/main.css
index 2060141..8b72511 100755
--- a/public/assets/css/admin/main.css
+++ b/public/assets/css/admin/main.css
@@ -79,6 +79,15 @@ code {
     border-radius: 4px;
 }
 
+.warning {
+    display: flex;
+    justify-content: center;
+    padding: 10px;
+    background-color: #ffee71;
+    text-align: center;
+    margin-left: var(--nav-width);
+}
+
 .title-label {
     color: white;
     background: #9fa4ad;
@@ -1334,6 +1343,10 @@ textarea.code {
 }
 
 @media screen and (max-width: 1080px) {
+    * {
+        --nav-width: 0;
+    }
+
     .admin > .content {
         --content-spacing: 14px;
         margin-left: initial;