Fiks "Registrer score"-hoppet: landet bak sticky headeren pga. for lav scroll-mt
playerListRef brukte scroll-mt-4, mens holePanelRef (samme sticky-header- problem, hull-til-hull-navigasjon) allerede riktig bruker scroll-mt-28. Samme verdi nå begge steder. Se CHANGELOG.md #139. Ikke rullet ut ennå. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
c949259c77
commit
7426984e67
2 changed files with 33 additions and 1 deletions
26
CHANGELOG.md
26
CHANGELOG.md
|
|
@ -13487,3 +13487,29 @@ Neste steg:
|
||||||
|
|
||||||
**Rullet ut 2026-08-20** -- bruker bekreftet. Ren frontend.
|
**Rullet ut 2026-08-20** -- bruker bekreftet. Ren frontend.
|
||||||
`docker compose build teecup_frontend && up -d`, rene logger, 200 OK.
|
`docker compose build teecup_frontend && up -d`, rene logger, 200 OK.
|
||||||
|
|
||||||
|
139. **"Registrer score"-hoppet landet bak sticky headeren, 2026-08-20.**
|
||||||
|
Bruker viste to skjermbilder: (1) banekartet utvidet dytter
|
||||||
|
"Registrer score" langt ned -- foreslo en flytende knapp i bunnen som
|
||||||
|
løsning (se V0-prompt, ikke bygget denne runden -- venter på
|
||||||
|
V0-eksport). (2) et reelt, uavhengig funn: å trykke "Registrer score"
|
||||||
|
scroller til spillerlisten, men landet med FØRSTE spillerkort delvis
|
||||||
|
skjult bak den sticky RoundHeader-en -- `scrollIntoView` kompenserer
|
||||||
|
ikke selv for en `position: sticky`-header.
|
||||||
|
|
||||||
|
Årsak funnet raskt: `holePanelRef` (brukt for hull-til-hull-navigasjon,
|
||||||
|
samme sticky-header-utfordring) bruker allerede riktig
|
||||||
|
`scroll-mt-28` -- men `playerListRef` (brukt for nettopp dette
|
||||||
|
"Registrer score"-hoppet) hadde kun `scroll-mt-4`, langt fra nok til å
|
||||||
|
dekke headerens faktiske høyde. Rettet: samme `scroll-mt-28`-verdi som
|
||||||
|
det allerede fungerende mønsteret.
|
||||||
|
|
||||||
|
**Verifisert i scratch:** mocket `RoundDetail` med ekte
|
||||||
|
tee/green-koordinater (banekart faktisk utvidbart) + stubbet GPS.
|
||||||
|
Utvidet banekartet, trykket "Registrer score" -- første spillerkort
|
||||||
|
(Erol Haagenrud) landet nå fullt synlig rett under headeren, ikke
|
||||||
|
lenger delvis skjult. `tsc --noEmit` rent.
|
||||||
|
|
||||||
|
**Ikke rullet ut ennå** -- venter på bekreftelse fra bruker (og på
|
||||||
|
V0-eksporten for punkt 1 før neste utrullingsrunde, om bruker ønsker
|
||||||
|
å samle dem).
|
||||||
|
|
|
||||||
|
|
@ -6855,7 +6855,13 @@ function PlayerHoleCards({
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<ul ref={playerListRef} className="flex scroll-mt-4 flex-col gap-3">
|
{/* scroll-mt-28 (2026-08-20, brukerfunn: "Registrer score"-hoppet
|
||||||
|
landet med første spillerkort delvis skjult bak den sticky
|
||||||
|
headeren) -- samme verdi som holePanelRef bruker for nøyaktig
|
||||||
|
samme problem (scrollIntoView kompenserer ikke selv for en
|
||||||
|
sticky header). Var scroll-mt-4, altfor lite til å dekke
|
||||||
|
headerens faktiske høyde. */}
|
||||||
|
<ul ref={playerListRef} className="flex scroll-mt-28 flex-col gap-3">
|
||||||
{sortedPlayers.map((player) => {
|
{sortedPlayers.map((player) => {
|
||||||
const list = holesByParticipant[player.id]
|
const list = holesByParticipant[player.id]
|
||||||
const apiHole = list?.find((h) => h.hole_number === currentHole) ?? null
|
const apiHole = list?.find((h) => h.hole_number === currentHole) ?? null
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue