From ced4c12b399c526dd5dd0eb0d5d086244515cd85 Mon Sep 17 00:00:00 2001 From: erdgeist Date: Mon, 27 Jul 2026 00:05:33 +0200 Subject: Move switchers out of the user check, so it also works when logged out --- app/views/layouts/_nav_switchers.html.erb | 23 +++++++++++++++++++++++ app/views/layouts/admin.html.erb | 1 + 2 files changed, 24 insertions(+) create mode 100644 app/views/layouts/_nav_switchers.html.erb (limited to 'app/views/layouts') diff --git a/app/views/layouts/_nav_switchers.html.erb b/app/views/layouts/_nav_switchers.html.erb new file mode 100644 index 00000000..9c3b222e --- /dev/null +++ b/app/views/layouts/_nav_switchers.html.erb @@ -0,0 +1,23 @@ +<%= link_to url_for(locale: (:en unless I18n.locale == :en)), + class: "nav_toggle", + "aria-label" => t(".switch_locale"), title: t(".switch_locale") do %> + <%= I18n.locale == :en ? "DE" : "EN" %> +<% end %> +<%= check_box_tag "scheme_override", 1, false, class: "nav_toggle_input" %> +<%= label_tag "scheme_override", class: "nav_toggle", + "aria-label" => t(".scheme_override"), title: t(".scheme_override") do %> + <%= icon("contrast", library: "tabler", "aria-hidden": true) %> +<% end %> + +<%= javascript_tag nonce: true do %> + (function () { + var box = document.getElementById("scheme_override"); + try { + if (localStorage.getItem("override-prefers-color-scheme")) box.checked = true; + box.addEventListener("change", function () { + if (box.checked) localStorage.setItem("override-prefers-color-scheme", 1); + else localStorage.removeItem("override-prefers-color-scheme"); + }); + } catch (e) { /* storage unavailable: the toggle still works per page */ } + })(); +<% end %> diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb index f6ceaaff..6ac9b756 100644 --- a/app/views/layouts/admin.html.erb +++ b/app/views/layouts/admin.html.erb @@ -27,6 +27,7 @@