#189 - Sidebar-Listenübersicht — verbleibenden Leerraum vor dem Icon weiter reduzieren - robert/todo

lena commented

2026-09-12 00:02:20 +02:00

Collaborator

Story: Sidebar-Listenübersicht — verbleibenden Leerraum vor dem Icon weiter reduzieren

As a Nutzer der App,
I want to dass Icon und Listenname in der Sidebar so nah wie sinnvoll am linken Rand beginnen,
so that die Übersicht kompakter wirkt und nicht wie ein "verstecktes Icon" vor dem eigentlichen Icon aussieht.

Kontext (verifiziert im Code):

#123/#126 (einheitliche Einrückung) und #147 (ungenutzten Platz reduzieren) haben bereits an dieser Stelle gearbeitet - ListItemPrefix.tsx reserviert bewusst 3 feste Slots (Archiv-Badge 📦 / "Standardliste"-Punkt / Icon) in dieser Reihenfolge, jeweils mit fixer Breite, auch wenn der jeweilige Slot für eine bestimmte Zeile leer/unsichtbar ist - damit alle Listentitel exakt auf derselben horizontalen Position beginnen, unabhängig vom Listentyp.
Für eine Zeile, die weder archiviert noch Standardliste ist (und - siehe das separate Icon-Issue - aktuell teils auch kein Icon zeigt), sind dadurch bis zu 2 der 3 Slots komplett leer, aber trotzdem breiten-/abstandswirksam - vermutlich der als "verstecktes Icon" wahrgenommene Effekt.

Acceptance criteria:

Der wahrgenommene Leerraum vor Icon/Titel wird spürbar reduziert, ohne die von #123/#126 hergestellte einheitliche Ausrichtung aller Listentypen zu zerstören (Architekt-Entscheidung: entweder leere Slots kollabieren lassen, oder die feste Breite jedes Slots verkleinern).
Alle 4 Listentypen (Todo/Shopping/Pantry/MasterPacking) bleiben untereinander konsistent ausgerichtet.

Open questions (escalate to human if unanswered):

Sollen leere Slots komplett kollabieren (Titel rückt je nach Zeile unterschiedlich weit ein), oder nur schmaler werden (Titel bleibt über alle Zeilen exakt ausgerichtet, aber mit weniger Puffer)? Beides löst die Kernbeschwerde, hat aber unterschiedliche visuelle Konsequenzen.

## Story: Sidebar-Listenübersicht — verbleibenden Leerraum vor dem Icon weiter reduzieren **As a** Nutzer der App, **I want to** dass Icon und Listenname in der Sidebar so nah wie sinnvoll am linken Rand beginnen, **so that** die Übersicht kompakter wirkt und nicht wie ein "verstecktes Icon" vor dem eigentlichen Icon aussieht. **Kontext (verifiziert im Code):** - #123/#126 (einheitliche Einrückung) und #147 (ungenutzten Platz reduzieren) haben bereits an dieser Stelle gearbeitet - `ListItemPrefix.tsx` reserviert bewusst 3 feste Slots (Archiv-Badge 📦 / "Standardliste"-Punkt / Icon) in dieser Reihenfolge, jeweils mit fixer Breite, auch wenn der jeweilige Slot für eine bestimmte Zeile leer/unsichtbar ist - damit alle Listentitel exakt auf derselben horizontalen Position beginnen, unabhängig vom Listentyp. - Für eine Zeile, die weder archiviert noch Standardliste ist (und - siehe das separate Icon-Issue - aktuell teils auch kein Icon zeigt), sind dadurch bis zu 2 der 3 Slots komplett leer, aber trotzdem breiten-/abstandswirksam - vermutlich der als "verstecktes Icon" wahrgenommene Effekt. **Acceptance criteria:** - [ ] Der wahrgenommene Leerraum vor Icon/Titel wird spürbar reduziert, ohne die von #123/#126 hergestellte einheitliche Ausrichtung aller Listentypen zu zerstören (Architekt-Entscheidung: entweder leere Slots kollabieren lassen, oder die feste Breite jedes Slots verkleinern). - [ ] Alle 4 Listentypen (Todo/Shopping/Pantry/MasterPacking) bleiben untereinander konsistent ausgerichtet. **Open questions (escalate to human if unanswered):** - Sollen leere Slots komplett kollabieren (Titel rückt je nach Zeile unterschiedlich weit ein), oder nur schmaler werden (Titel bleibt über alle Zeilen exakt ausgerichtet, aber mit weniger Puffer)? Beides löst die Kernbeschwerde, hat aber unterschiedliche visuelle Konsequenzen.

lena added the

priority/could

type/feature

labels

2026-09-12 00:02:36 +02:00

lena commented

2026-09-12 00:24:56 +02:00

Author

Collaborator

Entscheidung (2026-09-12, mit dem Menschen geklärt, anhand einer vergrößerten Visualisierung der 3 Slots): Die Archiv-Symbol- und Standard-Punkt-Slots werden komplett aus ListItemPrefix.tsx entfernt (nicht nur schmaler gemacht) - der Listenname rückt für jede Zeile entsprechend weiter nach links. Der dritte Slot (Icon) bleibt bestehen und wird separat in #188 behandelt (Standard-Icon je Listentyp).

Begründung/Kontext: die "Archiviert"-Sektion in der Sidebar ist bereits ein eigener, eingeklappter Abschnitt ("Archived (N)") - das zusätzliche 📦-Symbol pro Zeile innerhalb dieser Sektion ist redundant. Der Standard-Punkt verliert seine Sichtbarkeit im Sidebar-Präfix; falls das die Auffindbarkeit "welche Liste ist aktuell Standard" beeinträchtigt, ist das eine bewusst in Kauf genommene Vereinfachung.

Aktualisierte Acceptance criteria:

ListItemPrefix.tsx rendert nur noch den Icon-Slot, keinen Archiv- oder Standard-Punkt-Slot mehr.
Alle 4 Listentypen (Todo/Shopping/Pantry/MasterPacking) bleiben untereinander konsistent ausgerichtet (nur noch 1 Slot statt 3).
Eine archivierte oder als Standard markierte Liste bleibt über ihren jeweiligen Kontext erkennbar (z. B. die bestehende "Archived"-Sektionsüberschrift, ggf. weiterhin sichtbar im Listenmenü selbst) - nur die redundante Pro-Zeile-Kennzeichnung im Sidebar-Präfix entfällt.

**Entscheidung (2026-09-12, mit dem Menschen geklärt, anhand einer vergrößerten Visualisierung der 3 Slots):** Die Archiv-Symbol- und Standard-Punkt-Slots werden komplett aus `ListItemPrefix.tsx` entfernt (nicht nur schmaler gemacht) - der Listenname rückt für jede Zeile entsprechend weiter nach links. Der dritte Slot (Icon) bleibt bestehen und wird separat in #188 behandelt (Standard-Icon je Listentyp). Begründung/Kontext: die "Archiviert"-Sektion in der Sidebar ist bereits ein eigener, eingeklappter Abschnitt ("Archived (N)") - das zusätzliche 📦-Symbol pro Zeile innerhalb dieser Sektion ist redundant. Der Standard-Punkt verliert seine Sichtbarkeit im Sidebar-Präfix; falls das die Auffindbarkeit "welche Liste ist aktuell Standard" beeinträchtigt, ist das eine bewusst in Kauf genommene Vereinfachung. **Aktualisierte Acceptance criteria:** - [ ] `ListItemPrefix.tsx` rendert nur noch den Icon-Slot, keinen Archiv- oder Standard-Punkt-Slot mehr. - [ ] Alle 4 Listentypen (Todo/Shopping/Pantry/MasterPacking) bleiben untereinander konsistent ausgerichtet (nur noch 1 Slot statt 3). - [ ] Eine archivierte oder als Standard markierte Liste bleibt über ihren jeweiligen Kontext erkennbar (z. B. die bestehende "Archived"-Sektionsüberschrift, ggf. weiterhin sichtbar im Listenmenü selbst) - nur die redundante Pro-Zeile-Kennzeichnung im Sidebar-Präfix entfällt.

lena referenced this issue

2026-09-29 19:26:10 +02:00

Sidebar — Standard-Icon für Einkaufsliste/Vorratsschrank/Masterpackliste, solange nicht individuell angepasst #188

lena self-assigned this

2026-09-29 19:37:26 +02:00

lena added the

status/claimed

label

2026-09-29 19:37:28 +02:00

lena commented

2026-09-29 19:37:29 +02:00

Author

Collaborator

Claimed (go-Lauf 2026-09-29, direkt nach #188). Umsetzung gemaess Entscheidung vom 2026-09-12: Archiv- und Standard-Punkt-Slot aus ListItemPrefix entfernen, nur Icon-Slot bleibt.

lena referenced this issue from a commit

2026-09-29 19:49:21 +02:00

feat(#189): drop the archive and default-dot slots from the sidebar row prefix

lena referenced this issue from a commit

2026-09-29 19:49:21 +02:00

test(#189): default-list e2e checks the sr-only default marker instead of the removed dot

lena commented

2026-09-29 19:53:57 +02:00

Author

Collaborator

Erledigt in a181e951 (+ e2e-Anpassung 3f667874).

Umfang: ListItemPrefix rendert nur noch den festen Icon-Slot; Archiv-Symbol- und Standard-Punkt-Slot sind entfernt (Entscheidung vom 2026-09-12). Alle 4 Listentypen nutzen weiterhin denselben einen Slot, die Titel bleiben untereinander exakt ausgerichtet - im Review-Container gemessen: Titel beginnen bei allen Typen bei 38px (vorher ca. 62px).

Entscheidungen:

Archivierte Listen bleiben ueber die eigene eingeklappte "Archived"-Sektion erkennbar (plus die bestehende abgeblendete/kursive Darstellung bei To-Do-Listen).
Standardliste: sichtbar im Listenmenue ("Set as default" ist bei der aktuellen Standardliste deaktiviert) und in den Einstellungen; der sr-only-Hinweis "(default)" pro Zeile bleibt fuer Screenreader erhalten.
Individuelle Farbe wird weiterhin ueber Icon und Titel angezeigt (der Punkt trug sie zusaetzlich).

Tests: ListItemPrefix-/Zeilen-Komponententests auf 1 Slot umgestellt (inkl. Konsistenztest ueber alle 4 Typen), neue Tests "kein Punkt/kein Archiv-Symbol"; default-list-e2e prueft jetzt den sr-only-Marker statt des Punkts (lokal gegen den Review-Container gruen in Chromium + Desktop HD). Volle Frontend-Suite 1501/1501 gruen.

Erledigt in a181e951 (+ e2e-Anpassung 3f667874). **Umfang:** `ListItemPrefix` rendert nur noch den festen Icon-Slot; Archiv-Symbol- und Standard-Punkt-Slot sind entfernt (Entscheidung vom 2026-09-12). Alle 4 Listentypen nutzen weiterhin denselben einen Slot, die Titel bleiben untereinander exakt ausgerichtet - im Review-Container gemessen: Titel beginnen bei allen Typen bei 38px (vorher ca. 62px). **Entscheidungen:** - Archivierte Listen bleiben ueber die eigene eingeklappte "Archived"-Sektion erkennbar (plus die bestehende abgeblendete/kursive Darstellung bei To-Do-Listen). - Standardliste: sichtbar im Listenmenue ("Set as default" ist bei der aktuellen Standardliste deaktiviert) und in den Einstellungen; der sr-only-Hinweis "(default)" pro Zeile bleibt fuer Screenreader erhalten. - Individuelle Farbe wird weiterhin ueber Icon und Titel angezeigt (der Punkt trug sie zusaetzlich). **Tests:** ListItemPrefix-/Zeilen-Komponententests auf 1 Slot umgestellt (inkl. Konsistenztest ueber alle 4 Typen), neue Tests "kein Punkt/kein Archiv-Symbol"; default-list-e2e prueft jetzt den sr-only-Marker statt des Punkts (lokal gegen den Review-Container gruen in Chromium + Desktop HD). Volle Frontend-Suite 1501/1501 gruen.

lena

2026-09-29 19:53:58 +02:00

closed this issue
removed the
status/claimed
label

Rows
Columns

Sidebar-Listenübersicht — verbleibenden Leerraum vor dem Icon weiter reduzieren #189

Story: Sidebar-Listenübersicht — verbleibenden Leerraum vor dem Icon weiter reduzieren