fix: cropper modal visible on load — add .cropper-overlay.hidden CSS rule
The .hidden class only covered .modal-overlay and .fm-overlay. Without the rule, display:flex on .cropper-overlay overrode .hidden and the modal showed immediately on every page load. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -164,7 +164,7 @@ tr:hover td{background:#FAFBFC}
|
|||||||
|
|
||||||
/* ── Modal ── */
|
/* ── Modal ── */
|
||||||
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}
|
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}
|
||||||
.modal-overlay.hidden,.fm-overlay.hidden{display:none}
|
.modal-overlay.hidden,.fm-overlay.hidden,.cropper-overlay.hidden{display:none}
|
||||||
.modal{background:var(--white);border-radius:16px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto}
|
.modal{background:var(--white);border-radius:16px;width:100%;max-width:720px;max-height:90vh;overflow-y:auto}
|
||||||
.modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:1}
|
.modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--white);z-index:1}
|
||||||
.modal-title{font-size:1rem;font-weight:600}
|
.modal-title{font-size:1rem;font-weight:600}
|
||||||
|
|||||||
Reference in New Issue
Block a user