Knigge: Padding direkt auf Frage/Options/Bars-Elemente — SW by-v422
This commit is contained in:
parent
993a3b9a32
commit
f229f6f4d0
3 changed files with 16 additions and 18 deletions
|
|
@ -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 = (() => {
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -174,11 +174,10 @@ 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}">
|
<div class="knigge-vote-options" id="opts-${s.id}" style="padding:0 var(--space-5) var(--space-5)">
|
||||||
${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}"
|
||||||
|
|
@ -189,7 +188,6 @@ window.Page_knigge = (() => {
|
||||||
</div>
|
</div>
|
||||||
<div class="knigge-vote-result hidden" id="res-${s.id}"></div>
|
<div class="knigge-vote-result hidden" id="res-${s.id}"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
`).join('');
|
`).join('');
|
||||||
|
|
||||||
return `
|
return `
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue