|
|
a42966ad8e
|
STAMMBAUM-EXPAND: +-Button prominenter + Mini-Legende (Stammbaum-UX)
Punkt 1 - Expand-Button sichtbar/zuverlaessig:
- 40px solid-fill (war 32px outline), box-shadow, flex-centered;
deutlich sichtbar auf 190px Karte, touch-tauglich (>=40px Tap-Target).
Hover/focus-visible: opacity + outline.
- Edge-case (Litter mit null-Eltern): +-Button bleibt sichtbar --
unbekannt-Karten sind korrektes Feedback fuer quarantaenierte Eltern.
Punkt 2 - Bottom-Hint Mini-Legende:
- stammbaum-hint -> stammbaum-hints ul (flex-wrap, 3 Items):
Umwurzeln / Name=Akte / +=Nachladen. Gut lesbar auf 390px.
de.ts: hintName + hintExpand (neue Keys; tapHint bleibt fuer card title).
e2e: +2 Specs x 2 Viewports = 4 neue Tests (Legende + Expand-Klick).
Emil (Gen 4, litterId w-emil) liefert Testanker im Mock-Stammbaum.
Gate: vitest 122/122 e2e 166+68skipped build+tsc+eslint clean.
|
2026-06-07 00:38:46 +02:00 |
|
|
|
c8ab6bf072
|
STAMMBAUM-OPEN: Name in Ahnen-Karte ist Link zur Tier-Detailseite
- PedigreeCard: <span className=nametext> → <Link to=/rennmaeuse/{id}> mit e.stopPropagation() (Re-Root bleibt auf Karten-Bereich außerhalb des Namens)
- stammbaum.css: .pedigree-card__nametext color:inherit + text-decoration:none; hover→underline
- Kein Link im Drucklayout (PrintPedigree unverändert)
- e2e: href=/rennmaeuse/fridolin verifiziert + Keyboard-Navigation (fokus+Enter) öffnet Detailseite
Gate: vitest 108/108, e2e 162/162, tsc clean
|
2026-06-06 21:54:33 +02:00 |
|
