diff --git a/CHANGELOG.md b/CHANGELOG.md index cfcd3df..7499ef0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12405,3 +12405,38 @@ Neste steg: stacken revet ned. **Rullet ut:** venter på bekreftelse. + +111. **To bugfikser i individuell-turnering-leaderboardet (bredde + + autoscroll) — 2026-08-18.** Bruker rapporterte at leaderboardet "ser + forferdelig ut", ikke fyller hele skjermbredden, og ikke autoscroller. + Undersøkt (Explore-agent) FØR fiksing: + + **Bredde:** `StrokePlayLeaderboard` (bygget 2026-08-04, allerede med + egne `lg:`-brytningspunkt for storskjerm-utfylling) satt inni + `individual-tournament-detail.tsx` sin DELTE `max-w-4xl`-hovedwrapper + -- samme wrapper som skjema-tunge Oppsett-/Presentasjon-fanene bruker. + Komponenten fikk dermed ALDRI sjansen til å fylle en stor skjerm, selv + om den var bygget og testet isolert for akkurat det. Fikset: + `
` sin breddebegrensning er nå betinget av aktiv fane -- + `max-w-[110rem]` kun for leaderboard-fanen, uendret `max-w-4xl` for de + tre andre. + + **Autoscroll:** eksisterende ticker-logikk (`requestAnimationFrame` + + `scrollTop`) var reell, ikke fiktiv -- men skrolle-containeren + byttet til `lg:max-h-none lg:overflow-visible` på store skjermer, ut + fra en (feilaktig, for et stort felt) antakelse om at hele tabellen + alltid ville få plass uten skrolling der. Uten noen skrollbar + differanse (`scrollHeight - clientHeight ≤ 1`) ble ticker-loopen en + permanent no-op -- "Rull automatisk"-knappen vekslet kun tilstand, + ingen synlig bevegelse. Fikset: et vindu-relativt tak + (`lg:max-h-[calc(100vh-18rem)]`) på ALLE bredder i stedet, aldri + `overflow-visible` -- et lite felt får uansett plass (samme + sluttresultat som før), et stort felt får nå en ekte skrollbar flate. + + **Verifisert:** `tsc --noEmit` rent, `vitest run` 55/55. Ingen + scratch-browserrunde denne gangen -- begge er smale, mekaniske + Tailwind-/grense-justeringer, og selve VISUELLE polishen er uansett + bevisst utsatt til en kommende V0-redesign av samme komponent + (samme brukerforespørsel, se eget notat/prompt levert samme dag). + + **Rullet ut:** venter på bekreftelse. diff --git a/frontend/components/individual-tournament-detail.tsx b/frontend/components/individual-tournament-detail.tsx index 577d88b..822fc72 100644 --- a/frontend/components/individual-tournament-detail.tsx +++ b/frontend/components/individual-tournament-detail.tsx @@ -780,7 +780,20 @@ export function IndividualTournamentDetail({ -
+ {/* Leaderboard-fanen er BEVISST unntatt fra den delte 4xl-bredden + (2026-08-18, brukerrapport: "fyller ikke hele bredden på skjermen") + -- StrokePlayLeaderboard er selv bygget for å skalere opp og fylle + en stor skjerm (egne `lg:`-brytningspunkt-klasser, se komponentens + egen kommentar om "storskjerm uten skrolling"), men satt inni denne + delte 4xl-wrapperen (896px, samme wrapper som skjema-tunge Oppsett/ + Presentasjon-fanene bruker) fikk den aldri sjansen til det -- felles + med resten av siden siden komponenten ble bygget/testet isolert. */} +
{error && (
{error} diff --git a/frontend/components/stroke-play-leaderboard.tsx b/frontend/components/stroke-play-leaderboard.tsx index 33dd2a6..f160927 100644 --- a/frontend/components/stroke-play-leaderboard.tsx +++ b/frontend/components/stroke-play-leaderboard.tsx @@ -297,13 +297,21 @@ export function StrokePlayLeaderboard({
{/* One scroll container drives both frozen-column horizontal scroll (narrow - screens) and the vertical ticker. On large "storskjerm" viewports the - cap is removed so the whole board fits with no scrolling. */} + screens) and the vertical ticker. RETTET 2026-08-18 (brukerrapport: + "autoscroller ikke") -- `lg:max-h-none lg:overflow-visible` fjernet + taket HELT på store skjermer, ut fra en antakelse om at hele feltet + alltid ville få plass der. For et stort felt (mange spillere) stemte + ikke det -- containeren fikk aldri noe å skrolle PÅ, så + "Rull automatisk" vekslet kun knappe-tilstanden uten synlig + bevegelse. Nå: et vindu-relativt tak på ALLE bredder (aldri + `overflow-visible`) -- et lite felt får uansett plass innenfor taket + (ingen skrolling da heller, samme sluttresultat som før), et stort + felt får en ekte skrollbar flate autoscroll faktisk kan bevege. */}