Namespace the modal backdrop class so content blockers stop hiding it (#1027)

Generic class names like .modal-backdrop sit on the cosmetic filter lists
that content blockers (1Blocker, EasyList Annoyances) ship, and get hidden
with display:none. The shared Modal - used by New Trip and Add Place -
carried that class, so Safari users running such a blocker saw the modal
silently fail to open with no error and no network request. Rename it to
.trek-modal-backdrop.
This commit is contained in:
Maurice
2026-05-31 22:39:09 +02:00
parent 39113e12de
commit 0175a06c9e
4 changed files with 7 additions and 7 deletions
+3 -3
View File
@@ -734,7 +734,7 @@ img[alt="TREK"] {
.dark .min-h-screen { background-color: var(--bg-primary) !important; }
/* Modal-Hintergrund */
.dark .modal-backdrop { background: rgba(0,0,0,0.6); }
.dark .trek-modal-backdrop { background: rgba(0,0,0,0.6); }
/* ── Dark: Fallback für Komponenten die noch nicht auf CSS-Variablen umgestellt sind ── */
.dark {
@@ -766,8 +766,8 @@ img[alt="TREK"] {
animation: slide-out-right 0.3s ease-in forwards;
}
/* Modal-Hintergrund */
.modal-backdrop {
/* Modal-Hintergrund (eigener Namespace, sonst blenden Content-Blocker .modal-backdrop aus) */
.trek-modal-backdrop {
backdrop-filter: blur(4px);
}