aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJulien Dessaux2023-01-28 14:47:03 +0100
committerJulien Dessaux2023-01-28 14:47:03 +0100
commit9ab3804aecb4121c0b9723e4a33bd16e70b8e56a (patch)
tree57bead49fa133fbab9a1d7861d538479aca555a7
parentUpdate nav menu css (diff)
downloadwww-9ab3804aecb4121c0b9723e4a33bd16e70b8e56a.tar.gz
www-9ab3804aecb4121c0b9723e4a33bd16e70b8e56a.tar.bz2
www-9ab3804aecb4121c0b9723e4a33bd16e70b8e56a.zip
Hide theme switcher by default, only show it if javascript is enabled
-rw-r--r--assets/header.css1
-rw-r--r--layouts/partials/themeSwitcher.html4
2 files changed, 4 insertions, 1 deletions
diff --git a/assets/header.css b/assets/header.css
index 94d3ca9..c725b06 100644
--- a/assets/header.css
+++ b/assets/header.css
@@ -41,6 +41,7 @@ header nav ol li a:hover {
background-color: var(--bg-0);
border: none;
color: var(--fg-1);
+ display: none;
font-size: 1.25rem;
margin: 0;
padding: 0;
diff --git a/layouts/partials/themeSwitcher.html b/layouts/partials/themeSwitcher.html
index 685bd82..902d8e3 100644
--- a/layouts/partials/themeSwitcher.html
+++ b/layouts/partials/themeSwitcher.html
@@ -8,7 +8,9 @@
const themeName = localStorage.getItem('theme');
if (themeName) {
document.documentElement.className = themeName;
- document.getElementById('themes').value = themeName;
+ const elt = document.getElementById('themes');
+ elt.style.display = "block";
+ elt.value = themeName;
}
})();
</script>