diff --git a/css/style.css b/css/style.css index 5c88df8..ece77de 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,5 @@ -.danger-modal-backdrop { position: fixed !important; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,.6); z-index: 10000; display:flex; align-items:center; justify-content:center; } +.danger-modal-backdrop { position: fixed !important; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,.6); z-index: 10000; display:none; align-items:center; justify-content:center; } +.danger-active .danger-modal-backdrop { display:flex; } .danger-modal { width: 560px; max-width: calc(100% - 32px); background: #0b0f0b; border: 1px solid #2e7d32; border-radius: 10px; box-shadow: 0 18px 48px rgba(0,0,0,.6); transform: scale(.96); animation: danger-pop .18s ease-out forwards; } @keyframes danger-pop { to { transform: scale(1); } } .danger-header { display:flex; align-items:center; gap:8px; padding: 14px 16px; color:#69f0ae; border-bottom:1px solid #1b5e20; font-size:1.05rem; } diff --git a/index.html b/index.html index f1fface..8d3aeaf 100644 --- a/index.html +++ b/index.html @@ -805,7 +805,7 @@ -
+
diff --git a/js/app.js b/js/app.js index 575fc03..f4f6779 100644 --- a/js/app.js +++ b/js/app.js @@ -1721,7 +1721,16 @@ window.app = new Vue({ }, // Modal acknowledge handler - proceedDangerAction() { this.showDangerModal = false; }, + proceedDangerAction() { + // Close modal and return focus to Generate button for accessibility + this.showDangerModal = false; + this.$nextTick(() => { + try { + const btn = document.querySelector('.token-bomb-actions .transform-button'); + btn && btn.focus(); + } catch (_) {} + }); + }, // Token Bomb Generator Logic generateTokenBomb() {