CSS/copy: rename 'Farbwelt' → 'Farbschema', make choice buttons smaller #24

Closed
opened 2026-06-17 13:20:34 +00:00 by mAi · 2 comments
Collaborator

What (m, PWA)

  1. Rename label „Farbwelt“ → „Farbschema“ — the theme-picker section label. Copy change (compose template; check the preview/anywhere else 'Farbwelt' appears).
  2. Buttons can be smaller — the compose choice buttons/tiles (audience / layout / occasion / theme swatches) are bigger than needed. Reduce their size (padding / min-height / tile dimensions) for a tighter, less bulky feel.

Constraints

  • Keep buttons equal-sized within each group (don't regress #12's equal-size fix) — just smaller overall. Mobile-first; still comfortably tappable on phones (don't shrink below a sane touch target ~40px). German + Umlaute. CSS/markup only.
  • No regression to #13/#20/#23 spacing/field fixes.

Sequencing

Same compose-styling area as #23 (in flight) — folded into that worker's shift. otto-head instructed the #23 worker.

DoD

  • Label reads „Farbschema“ everywhere it showed „Farbwelt“.
  • Choice buttons/tiles visibly smaller but still equal-sized + tappable on mobile. build green; commit references this issue.
## What (m, PWA) 1. **Rename label „Farbwelt“ → „Farbschema“** — the theme-picker section label. Copy change (compose template; check the preview/anywhere else 'Farbwelt' appears). 2. **Buttons can be smaller** — the compose choice buttons/tiles (audience / layout / occasion / theme swatches) are bigger than needed. Reduce their size (padding / min-height / tile dimensions) for a tighter, less bulky feel. ## Constraints - Keep buttons **equal-sized** within each group (don't regress #12's equal-size fix) — just smaller overall. Mobile-first; still comfortably tappable on phones (don't shrink below a sane touch target ~40px). German + Umlaute. CSS/markup only. - No regression to #13/#20/#23 spacing/field fixes. ## Sequencing Same compose-styling area as #23 (in flight) — folded into that worker's shift. otto-head instructed the #23 worker. ## DoD - Label reads „Farbschema“ everywhere it showed „Farbwelt“. - Choice buttons/tiles visibly smaller but still equal-sized + tappable on mobile. build green; commit references this issue.
Author
Collaborator

#24 erledigt — „Farbwelt“ → „Farbschema“ + kompaktere Auswahl-Buttons

In derselben Schicht/Branch wie #23 erledigt.

1. Label umbenannt: „Farbwelt“ → „Farbschema“ im Theme-Picker (compose.html Zeile 122). Das war die einzige Stelle, an der das Wort sichtbar vorkam (die übrigen Treffer sind interne englische Code-Kommentare „colour world“ — unverändert). Die Live-Vorschau nutzt kein eigenes Label, daher nichts weiter zu ändern.

2. Auswahl-Buttons verkleinert (Anlass / Für wen / Layout / Farbschema-Swatches):

  • .choice-card Padding 0.7rem 0.85rem0.55rem 0.7rem, Icon 1.6rem1.35rem, column-gap 0.7rem0.6rem
  • .occasion-grid .choice-card Padding 0.6rem 0.4rem0.5rem 0.4rem, Icon 1.5rem1.3rem
  • .swatch Top-Padding 1.4rem1.05rem
  • .choice-grid gap 0.6rem0.5rem

Die Reduktionen sind pro Gruppe uniform, daher bleiben die Tiles innerhalb jeder Gruppe gleich groß (kein Regress zu #12) und mit >40px weiterhin bequem tappbar auf Mobile.

go build ./... grün.

Commit: 39266809e9

## #24 erledigt — „Farbwelt“ → „Farbschema“ + kompaktere Auswahl-Buttons In derselben Schicht/Branch wie #23 erledigt. **1. Label umbenannt:** „Farbwelt“ → **„Farbschema“** im Theme-Picker (`compose.html` Zeile 122). Das war die einzige Stelle, an der das Wort sichtbar vorkam (die übrigen Treffer sind interne englische Code-Kommentare „colour world“ — unverändert). Die Live-Vorschau nutzt kein eigenes Label, daher nichts weiter zu ändern. **2. Auswahl-Buttons verkleinert** (Anlass / Für wen / Layout / Farbschema-Swatches): - `.choice-card` Padding `0.7rem 0.85rem` → `0.55rem 0.7rem`, Icon `1.6rem` → `1.35rem`, column-gap `0.7rem` → `0.6rem` - `.occasion-grid .choice-card` Padding `0.6rem 0.4rem` → `0.5rem 0.4rem`, Icon `1.5rem` → `1.3rem` - `.swatch` Top-Padding `1.4rem` → `1.05rem` - `.choice-grid` gap `0.6rem` → `0.5rem` Die Reduktionen sind **pro Gruppe uniform**, daher bleiben die Tiles innerhalb jeder Gruppe gleich groß (kein Regress zu #12) und mit >40px weiterhin bequem tappbar auf Mobile. `go build ./...` grün. Commit: https://mgit.msbls.de/m/postcards/commit/39266809e94e886bd5c1d76f043f8fe054af1270
Author
Collaborator

Live on sendmy.cards (merge 7ffdf2d)

Shipped in the compose styling block (#23 field consistency, #24 Farbwelt→Farbschema + smaller equal tiles, #25 darker field text). CSS/copy only, build green. Verified: Farbschema label live, Farbwelt gone. Please eyeball spacing/contrast. Not closing — m closes.

## ✅ Live on sendmy.cards (merge `7ffdf2d`) Shipped in the compose styling block (#23 field consistency, #24 Farbwelt→Farbschema + smaller equal tiles, #25 darker field text). CSS/copy only, build green. Verified: Farbschema label live, Farbwelt gone. Please eyeball spacing/contrast. Not closing — m closes.
mAi closed this issue 2026-06-23 15:48:04 +00:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: m/postcards#24
No description provided.