Knigge: Padding direkt auf Frage/Options/Bars-Elemente — SW by-v422

This commit is contained in:
rene 2026-04-26 10:11:24 +02:00
parent 993a3b9a32
commit f229f6f4d0
3 changed files with 16 additions and 18 deletions

View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '400'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '401'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => { const App = (() => {

View file

@ -174,21 +174,19 @@ window.Page_knigge = (() => {
function _renderVoting() { function _renderVoting() {
const cards = SZENARIEN.map(s => ` const cards = SZENARIEN.map(s => `
<div class="card" style="margin-bottom:var(--space-4)" id="sz-${s.id}"> <div class="card" style="margin-bottom:var(--space-4)" id="sz-${s.id}">
<div style="padding:var(--space-5)"> <p style="font-weight:var(--weight-semibold);margin:0;padding:var(--space-5) var(--space-5) var(--space-3);line-height:1.5">
<p style="font-weight:var(--weight-semibold);margin-bottom:var(--space-3);line-height:1.5"> ${_esc(s.frage)}
${_esc(s.frage)} </p>
</p> <div class="knigge-vote-options" id="opts-${s.id}" style="padding:0 var(--space-5) var(--space-5)">
<div class="knigge-vote-options" id="opts-${s.id}"> ${s.antworten.map(a => `
${s.antworten.map(a => ` <button class="knigge-vote-btn btn btn-secondary"
<button class="knigge-vote-btn btn btn-secondary" data-sz="${s.id}" data-key="${a.key}"
data-sz="${s.id}" data-key="${a.key}" style="width:100%;margin-bottom:var(--space-2);justify-content:flex-start;text-align:left">
style="width:100%;margin-bottom:var(--space-2);justify-content:flex-start;text-align:left"> ${_esc(a.text)}
${_esc(a.text)} </button>
</button> `).join('')}
`).join('')}
</div>
<div class="knigge-vote-result hidden" id="res-${s.id}"></div>
</div> </div>
<div class="knigge-vote-result hidden" id="res-${s.id}"></div>
</div> </div>
`).join(''); `).join('');
@ -281,8 +279,8 @@ window.Page_knigge = (() => {
: `<span style="color:var(--c-danger);font-weight:var(--weight-semibold)">${UI.icon('x')} Nicht ganz — </span>`; : `<span style="color:var(--c-danger);font-weight:var(--weight-semibold)">${UI.icon('x')} Nicht ganz — </span>`;
resEl.innerHTML = ` resEl.innerHTML = `
<div style="margin-bottom:var(--space-4)">${bars}</div> <div style="margin-bottom:var(--space-4);padding:0 var(--space-5)">${bars}</div>
<div style="background:var(--c-surface-2);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);line-height:1.5"> <div style="background:var(--c-surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);line-height:1.5">
${badge} ${badge}
<span style="color:var(--c-text-secondary)">${_esc(szenario.erklaerung)}</span> <span style="color:var(--c-text-secondary)">${_esc(szenario.erklaerung)}</span>
</div> </div>

View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v421'; const CACHE_VERSION = 'by-v422';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten