[FIX] Modali showModal() invisibili su V2 (solo sfondo grigio): conflitto .modal con Bootstrap Italia

BI introduce .modal{display:none;position:fixed} che nascondeva i nostri modali custom (help, genera-AI,
conferme, crea-rischio...) -> si vedeva solo il backdrop grigio. Aggiunto override scoped
'.modal-overlay .modal{display:block;position:relative;...}' in style.css (specificità > BI, caricato dopo).
Verificato headless: modale help display:block height:765 visible:true. Bump style.css?v=20260613b (auto-refetch).
This commit is contained in:
DevEnv nis2-agile
2026-06-14 08:00:13 +02:00
parent 959ede968d
commit 30cac8479a
50 changed files with 63 additions and 49 deletions
+14
View File
@@ -922,6 +922,20 @@ tbody tr:last-child td {
transform: translateY(0) scale(1);
}
/* ── Override conflitto Bootstrap Italia (swap V2) ──────────────────────────
BI introduce una sua classe `.modal` (display:none, position:fixed, z-index 1055)
che nasconde i nostri modali custom showModal() → si vedeva solo il backdrop grigio.
Rispecifichiamo il nostro comportamento dentro .modal-overlay (specificità maggiore,
style.css caricato dopo bootstrap-italia.css). Vale anche su pagine non-BI (innocuo). */
.modal-overlay .modal {
display: block;
position: relative;
top: auto; left: auto; right: auto; bottom: auto;
margin: 0;
z-index: auto;
pointer-events: auto;
}
.modal-header {
padding: 20px 24px;
border-bottom: 1px solid var(--gray-100);