diff --git a/src/styles/hustler/hustler-kopf.css b/src/styles/hustler/hustler-kopf.css index c62b377..114e9c7 100644 --- a/src/styles/hustler/hustler-kopf.css +++ b/src/styles/hustler/hustler-kopf.css @@ -78,7 +78,7 @@ /* ---------- Rückfrage „Alles anhalten?“: Pixel-Dialog über der ganzen Welt ---------- */ .hk-hochhaus .hk-rueckfrage-hintergrund { - position: absolute; inset: 0; z-index: 30; box-sizing: border-box; + position: absolute; inset: 0; z-index: 9; /* unter Seitenleiste (20) und Scrim (15) der Handy-Schublade, Endprüfung R4 */ box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(5, 8, 26, 0.72); color: #e6ebff; font-family: 'Pixelify Sans', ui-monospace, monospace; font-size: 15px; line-height: 20px; diff --git a/tests/unit/hustlerKopf.test.mjs b/tests/unit/hustlerKopf.test.mjs index ba08b2b..5f1f012 100644 --- a/tests/unit/hustlerKopf.test.mjs +++ b/tests/unit/hustlerKopf.test.mjs @@ -787,3 +787,11 @@ test('CSS hustler-kopf.css: nur hk-Klassen unter .hk-hochhaus, Keyframes hk-kopf assert.match(css, /\.hk-hochhaus \.hk-kopf \{[^}]*pointer-events: none/) assert.match(css, /\.hk-hochhaus \.hk-kopf-geld \{[^}]*pointer-events: auto/) }) + +test('Rückfrage liegt am Handy unter der WOMS-Schublade: z-index ≤ 9 (Seitenleiste 20, Scrim 15 in global.css; Endprüfung R4)', () => { + const css = cssText('hustler-kopf.css') + const regel = css.match(/\.hk-rueckfrage-hintergrund\s*\{([^}]*)\}/) + assert.ok(regel, 'Regel .hk-rueckfrage-hintergrund fehlt') + const z = Number((regel[1].match(/z-index:\s*(\d+)/) || [])[1]) + assert.ok(Number.isInteger(z) && z <= 9, `z-index ${z}`) +})