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.
This commit is contained in:
@@ -335,7 +335,11 @@ export default function StammbaumPage() {
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<p className="stammbaum-hint">{t.tapHint}</p>
|
||||
<ul className="stammbaum-hints">
|
||||
<li>{t.tapHint}</li>
|
||||
<li>{t.hintName}</li>
|
||||
<li>{t.hintExpand}</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
{/* Druckansicht: am Bildschirm unsichtbar, ersetzt beim Drucken alles. */}
|
||||
|
||||
Reference in New Issue
Block a user