diff options
| -rw-r--r-- | views/mods/mod_revocation/wpsg_revocation.css | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/views/mods/mod_revocation/wpsg_revocation.css b/views/mods/mod_revocation/wpsg_revocation.css index 6868269..6238c19 100644 --- a/views/mods/mod_revocation/wpsg_revocation.css +++ b/views/mods/mod_revocation/wpsg_revocation.css @@ -30,8 +30,9 @@ #wpsg_revocation_button span { white-space:nowrap; } /* Dialog */ -#wpsg_revocation_dialog { position:fixed; left:0; top:0; z-index:100000; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; padding:1em; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.45); opacity:0; pointer-events:none; transition:opacity 0.2s ease-out; } -#wpsg_revocation_dialog.visible { opacity:1; pointer-events:all; } +/* Geschlossen unsichtbar, nicht nur inert: Die Lightbox des Kerns nimmt allen Kindern von body das inert; visibility erst nach dem Ausblenden */ +#wpsg_revocation_dialog { position:fixed; left:0; top:0; z-index:100000; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; padding:1em; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.45); opacity:0; pointer-events:none; visibility:hidden; transition:opacity 0.2s ease-out, visibility 0s linear 0.2s; } +#wpsg_revocation_dialog.visible { opacity:1; pointer-events:all; visibility:visible; transition:opacity 0.2s ease-out, visibility 0s; } #wpsg_revocation_dialog * { box-sizing:border-box; } #wpsg_revocation_dialog .inner { position:relative; display:flex; flex-direction:column; width:100%; max-width:640px; max-height:calc(100vh - 2em); padding:1.5em; border-radius:var(--rv-radius); background-color:#FFFFFF; color:#1d1d1d; box-shadow:0 10px 40px rgba(0, 0, 0, 0.2); } #wpsg_revocation_dialog .inner > .header { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:0.9091em; padding-bottom:0.9091em; border-bottom:1px solid var(--rv-line-soft); font-size:1.1em; font-weight:600; line-height:1.3; } |