From ec85a5b5f3dab7bb2bde34bbf16881c01ea13a9c Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Mon, 6 Jul 2026 22:31:03 +0200 Subject: [PATCH] fix(web): show dialogs opened from settings on top of the settings page MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The settings modal is a full-screen OPAQUE overlay at z-index 500. Dialogs opened from within it (share, add-account, color picker) share z-index 500 but sit earlier in the DOM, so they rendered BEHIND the opaque settings page — the Share button appeared to "do nothing". Drop the settings page to z-index 400 so real modals stack above it. v79. Co-Authored-By: Claude Opus 4.8 --- frontend/css/app.css | 4 ++++ frontend/js/version.js | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/css/app.css b/frontend/css/app.css index 08b4e61..181da0b 100644 --- a/frontend/css/app.css +++ b/frontend/css/app.css @@ -1244,6 +1244,10 @@ a { color: var(--primary); text-decoration: none; } /* ── Settings Page ──────────────────────────────────────── */ #modal-settings.modal-overlay { align-items: stretch; justify-content: stretch; padding: 0; background: var(--bg-app); + /* Full-screen opaque "page". Sit BELOW real modals (z-index 500) so dialogs + opened from inside settings — share, add-account, color picker — appear on + top instead of behind this page (that's why the Share button "did nothing"). */ + z-index: 400; } .settings-page-card { width: 100%; height: 100%; diff --git a/frontend/js/version.js b/frontend/js/version.js index 948453c..eaf17b2 100644 --- a/frontend/js/version.js +++ b/frontend/js/version.js @@ -1,2 +1,2 @@ // Increment APP_VERSION with every code change -export const APP_VERSION = 'v78'; +export const APP_VERSION = 'v79';