diff --git a/app/sovran_systemsos_web/static/css/security.css b/app/sovran_systemsos_web/static/css/security.css index f40dea6..38d0c8e 100644 --- a/app/sovran_systemsos_web/static/css/security.css +++ b/app/sovran_systemsos_web/static/css/security.css @@ -222,6 +222,8 @@ position: fixed; inset: 0; background-color: rgba(6, 8, 7, 0.94); + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); z-index: 1000; align-items: center; justify-content: center; diff --git a/app/sovran_systemsos_web/static/js/security.js b/app/sovran_systemsos_web/static/js/security.js index a2a1b29..7f1394f 100644 --- a/app/sovran_systemsos_web/static/js/security.js +++ b/app/sovran_systemsos_web/static/js/security.js @@ -125,6 +125,8 @@ function openSecurityModal() { var $secResetOverlay = document.getElementById("security-reset-overlay"); var $secResetStep = document.getElementById("security-reset-overlay-step"); if ($secResetOverlay) $secResetOverlay.classList.add("visible"); + // Close the support modal so its content doesn't bleed through the overlay + if ($supportModal) $supportModal.classList.remove("open"); if (resetStatus) { resetStatus.textContent = "Running security reset\u2026"; resetStatus.className = "security-status-msg security-status-info"; } try {