Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): show dialogs opened from settings on top of the settings page

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-06 22:31:03 +02:00
parent af64e191ec
commit ec85a5b5f3
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/css/app.css
View File

@@ -1244,6 +1244,10 @@ a { color: var(--primary); text-decoration: none; }
/* ── Settings Page ──────────────────────────────────────── */ /* ── Settings Page ──────────────────────────────────────── */
#modal-settings.modal-overlay { #modal-settings.modal-overlay {
align-items: stretch; justify-content: stretch; padding: 0; background: var(--bg-app); 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 { .settings-page-card {
width: 100%; height: 100%; width: 100%; height: 100%;

2
frontend/js/version.js
View File

@@ -1,2 +1,2 @@
// Increment APP_VERSION with every code change // Increment APP_VERSION with every code change
export const APP_VERSION = 'v78'; export const APP_VERSION = 'v79';