Add warning about disabled JS

Usbac · Feb 11, 2024 · 619288d · 619288d
1 parent d153d66
commit 619288d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git 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
@@ -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;