Turnen: schlichte Gruppen als Bodenreihe direkt ins Bento (groupsInDash)

Neue opt-in-Prop groupsInDash in group-schedule zieht schlichte Gruppen
(ohne intro/details) als volle Bodenreihe MIT ins Dashboard-Bento, ohne
eigene Sektion und ohne "Unsere Gruppen"-Ueberschrift. Trampolin nutzt
das, damit Hinweis, Trainingsort, Kontakt und die drei Gruppen-Karten ein
zusammenhaengender Block sind statt einer losgeloesten Kartenreihe darunter.
Wiederverwendung von .group-list--grid/.group-card, Karten-Markup DRY in
renderSimpleCard. Wettkampfturnen/Kinderturnen bleiben unberuehrt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HXDvgRDHQ9iGjs4KCXykEj
This commit is contained in:
2026-08-03 19:58:39 +02:00
parent d410c0bedf
commit 1839632b66
3 changed files with 80 additions and 21 deletions

View File

@@ -2676,6 +2676,24 @@
/* Nur die Position im Bento-Raster — Fläche, Farbe und Innenaufbau kommen von .notice. */
.turnen-dash__notice { grid-area: notice; }
/* Schlichte Gruppen als volle Bodenreihe MIT im Dashboard ($groupsInDash, z. B. Trampolin):
ein zusammenhängender Block statt einer losgelösten Kartenreihe darunter. Selektor als
.turnen-dash.turnen-dash--groups (nicht nur .turnen-dash--groups), damit die Spezifität die
:not(--single)-Regeln oben trifft — gleiche Klassenzahl, gewinnt durch spätere Position. */
.turnen-dash.turnen-dash--groups {
grid-template-areas:
"venue venue lead"
"groups groups groups";
}
.turnen-dash.turnen-dash--notice.turnen-dash--groups {
grid-template-areas:
"notice notice notice"
"venue venue lead"
"groups groups groups";
}
/* Die Reihe spannt alle drei Spalten; das interne Kartenraster liefert .group-list--grid. */
.turnen-dash__groups { grid-area: groups; }
/* Trainingsort: Adresse links, Route-Button rechts (wie team-bento__venue). */
.turnen-dash__venue {
flex-direction: row;
@@ -2750,6 +2768,19 @@
"lead"
"venue";
}
.turnen-dash.turnen-dash--groups {
grid-template-areas:
"venue"
"lead"
"groups";
}
.turnen-dash.turnen-dash--notice.turnen-dash--groups {
grid-template-areas:
"notice"
"venue"
"lead"
"groups";
}
}
/* === notice === */