From a0e27279c740611b7a6a47a6a419abbb1559ae6c Mon Sep 17 00:00:00 2001
From: tdro <tdro@noreply.example.com>
Date: Fri, 9 Feb 2024 19:00:31 -0500
Subject: static/js/forms: Activate on storage + DOM load

Always expose alternate stylesheets
---
 assets/js/index.js                            | 13 +++++++++----
 static/js/forms.ts                            | 12 +++++++-----
 themes/default/layouts/partials/head-css.html |  3 ++-
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/assets/js/index.js b/assets/js/index.js
index e80d794..9374f5d 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -720,10 +720,15 @@
             }
         });
     });
-    self.addEventListener("storage", function() {
-        let stylesheet = document.querySelector('link[href$="default-simple.css"]');
-        if (localStorage["config.density.low"] === "on") stylesheet.rel = "stylesheet";
-        if (localStorage["config.density.high"] === "on") stylesheet.rel = "alternate stylesheet";
+    [
+        "storage",
+        "DOMContentLoaded"
+    ].forEach(function(event) {
+        self.addEventListener(event, function() {
+            let stylesheet = document.querySelector('link[href$="default-simple.css"]');
+            if (localStorage["config.density.low"] === "on") stylesheet.rel = "stylesheet";
+            if (localStorage["config.density.high"] === "on") stylesheet.rel = "alternate stylesheet";
+        });
     });
 })();
 (function() {
diff --git a/static/js/forms.ts b/static/js/forms.ts
index 24c3d09..3b1aedc 100644
--- a/static/js/forms.ts
+++ b/static/js/forms.ts
@@ -49,11 +49,13 @@
     });
   });
 
-  self.addEventListener("storage", function () {
-    let stylesheet = document.querySelector('link[href$="default-simple.css"]')
+  ["storage", "DOMContentLoaded"].forEach(function (event) {
+    self.addEventListener(event, function () {
+      let stylesheet = document.querySelector('link[href$="default-simple.css"]')
 
-    if (localStorage["config.density.low"]  === "on") stylesheet.rel = "stylesheet"
-    if (localStorage["config.density.high"] === "on") stylesheet.rel = "alternate stylesheet"
-  });
+      if (localStorage["config.density.low"]  === "on") stylesheet.rel = "stylesheet"
+      if (localStorage["config.density.high"] === "on") stylesheet.rel = "alternate stylesheet"
+    });
+   });
 
 })();
diff --git a/themes/default/layouts/partials/head-css.html b/themes/default/layouts/partials/head-css.html
index 662aa6b..3aaac30 100644
--- a/themes/default/layouts/partials/head-css.html
+++ b/themes/default/layouts/partials/head-css.html
@@ -14,5 +14,6 @@
 {{ else }}
 <link rel="stylesheet" href="{{ $default.Permalink }}" title="Default" />
 <link rel="stylesheet" href="{{ $syntax.Permalink }}"                  />
-<link rel="alternate stylesheet" href="{{ $simple.Permalink }}"        />
 {{ end }}
+
+<link rel="alternate stylesheet" href="{{ $simple.Permalink }}" />
-- 
cgit v1.2.3