Skip to content

Commit 07fe5cd

Browse files
nihilistauclaude
andcommitted
fix: phone overlay, district modal z-index — 40/40 browser tests pass
Root causes found via Playwright + CSS rule inspection: - Phone overlay: cosysim-phone-panel.css sets display:none, requires .open class (not aria-hidden). Added .open toggle to open/close. - District modal: z-index was 100 (below navbar at 9100). Raised to 9500. - Phone overlay z-index: was var(--cs-z-phone, 200). Raised to 9000. All verified with Playwright browser test suite: 40/40 passing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 1d3b5cb commit 07fe5cd

3 files changed

Lines changed: 7 additions & 3 deletions

File tree

content/scenes/neoncity/static/neoncity.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -867,7 +867,7 @@ html, body {
867867
.district-modal {
868868
position: fixed;
869869
inset: 0;
870-
z-index: 100;
870+
z-index: 9500; /* v1.43.0 — above navbar (9100) and all overlays */
871871
display: flex;
872872
align-items: center;
873873
justify-content: center;

content/shared/static/css/cosysim-neon-hud.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1261,7 +1261,7 @@
12611261
width: 375px;
12621262
height: calc(100vh - var(--cs-navbar-height, 48px) - 32px - 32px);
12631263
max-height: 780px;
1264-
z-index: var(--cs-z-phone, 200);
1264+
z-index: 9000;
12651265

12661266
border-radius: 16px;
12671267
overflow: hidden;

content/shared/static/js/cosysim-neon-hud.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -594,6 +594,7 @@
594594
}
595595
if (overlay) {
596596
overlay.setAttribute('aria-hidden', 'false');
597+
overlay.classList.add('open'); // v1.43.0 — phone-panel.css uses .open class
597598
overlay.classList.toggle('cs-phone-overlay--edge', !this._rightOpen);
598599
}
599600
if (phoneDot) phoneDot.classList.add('cs-hud__phone-dot--active');
@@ -606,7 +607,10 @@
606607
const phoneDot = document.querySelector('.cs-hud__phone-dot');
607608
const btn = document.getElementById('hud-toggle-phone');
608609
// Hide overlay but keep iframe loaded to preserve phone state + badge
609-
if (overlay) overlay.setAttribute('aria-hidden', 'true');
610+
if (overlay) {
611+
overlay.setAttribute('aria-hidden', 'true');
612+
overlay.classList.remove('open'); // v1.43.0 — phone-panel.css .open class
613+
}
610614
if (phoneDot) phoneDot.classList.remove('cs-hud__phone-dot--active');
611615
if (btn) btn.classList.remove('cs-hud__toggle--active');
612616
}

0 commit comments

Comments
 (0)