From ec63e5a43d692e00f05ee4ad6baa6cda253ed678 Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 22 Oct 2026 08:26:46 +0000 Subject: [PATCH] =?UTF-8?q?Hustler-Pixelwelt:=20Bl=C3=A4tterleiste=20der?= =?UTF-8?q?=20Detailansicht=20klebt=20unten=20(lange=20Spur),=20Pr=C3=BCfs?= =?UTF-8?q?tand=20l=C3=A4dt=20die=20PNGs=20der=20Pixelwelt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- scripts/workers-harness/build.mjs | 2 ++ src/styles/hustler/hustler-detail.css | 3 ++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/scripts/workers-harness/build.mjs b/scripts/workers-harness/build.mjs index b62c792..268f910 100644 --- a/scripts/workers-harness/build.mjs +++ b/scripts/workers-harness/build.mjs @@ -54,6 +54,8 @@ const result = await esbuild.build({ platform: 'browser', jsx: 'automatic', external: ['/fonts/*'], + // Bilder der Pixelwelt (url() in src/styles/hustler/*.css) landen als data:-URI im harness.css + loader: { '.png': 'dataurl' }, plugins: [stubPlugin], define: { 'process.env.NODE_ENV': '"development"' }, logLevel: 'warning', diff --git a/src/styles/hustler/hustler-detail.css b/src/styles/hustler/hustler-detail.css index b3eb0dd..2f4e418 100644 --- a/src/styles/hustler/hustler-detail.css +++ b/src/styles/hustler/hustler-detail.css @@ -60,7 +60,8 @@ .hk-hochhaus .hk-dialog-hinweis { margin: 0; color: #9aa6d6; } .hk-hochhaus .hk-dialog-fehler { margin: 0 0 8px; color: #ff6b6b; overflow-wrap: anywhere; } -.hk-hochhaus .hk-dialog-fuss { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; } +/* Fußzeile bleibt auch bei langer Spur unten im sichtbaren Teil des Panels stehen (das Panel scrollt, die Leiste klebt) */ +.hk-hochhaus .hk-dialog-fuss { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; bottom: 0; padding: 6px 0 2px; background: #0e1430; } .hk-hochhaus .hk-dialog-nummer { font-family: 'Press Start 2P', 'Pixelify Sans', monospace; font-size: 11px; line-height: 14px; color: #9aa6d6; } /* ---------- Handy (unter 720 px, Spec E13): Vollbild, Szene oben (auf die Breite verkleinert), Daten darunter scrollbar ---------- */