[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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user