diff --git a/CHANGELOG.md b/CHANGELOG.md
index 02115eb..2df5f50 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14664,3 +14664,38 @@ Neste steg:
kompakt, hjørne-forankret "Score"-FAB som erstatning, jf.
stående instruks om at nye UI-overflater skal gjennom V0 fremfor
håndkodes direkte. Ingen utrulling av punktfiksen fant sted.
+
+165. **Kompakt "Score"-FAB integrert, erstatter fullbredde-bunnbanneret
+ helt (V0-eksport, oppfølging av punkt 164), 2026-08-23.** V0-prompt
+ (`Temp-uploads/v0-prompt-compact-score-fab.md`) levert til bruker,
+ eksport mottatt (`components/compact-score-fab.tsx`) og integrert
+ tro mot eksporten -- ny fil `frontend/components/compact-score-fab.tsx`,
+ uendret fra V0 bortsett fra kommentarer.
+
+ **`round-detail.tsx`:** `RegisterScoreButton` (den vanlige, i-flyt-
+ plasserte knappen) er UENDRET og fortsatt eneste sted "Registrer
+ score ↓"-teksten/pil-ikonet brukes. Den gamle flytende
+ fullbredde-banner-JSX-en (`fixed inset-x-0 bottom-0` + gradient-scrim
+ + `h-20`-spacer) er fjernet i sin helhet, erstattet med
+ `
+
+ )
+}
+
+export default CompactScoreFab
diff --git a/frontend/components/round-detail.tsx b/frontend/components/round-detail.tsx
index dfdebe6..f33af94 100644
--- a/frontend/components/round-detail.tsx
+++ b/frontend/components/round-detail.tsx
@@ -58,6 +58,7 @@ import {
import { ShotMeasurementEntry } from "@/components/shot/shot-measurement-entry"
import { HoleTargetDistance } from "@/components/hole-target-distance"
import { HoleHistoryDetail } from "@/components/hole-history-detail"
+import { CompactScoreFab } from "@/components/compact-score-fab"
import { enqueueWrite, flushQueue, queueCount } from "@/lib/offline-queue"
// --- Types -----------------------------------------------------------------
@@ -6315,25 +6316,21 @@ function sumForPlayer(list: ApiHole[] | undefined, numbers: number[]): { strokes
// linjer avhengig av runden), så en fast pixel-gjetning viste seg feil for
// en runde med lengre innhold enn den opprinnelige gjetningen (112px) var
// kalibrert mot (scratch-verifisering 2026-08-20: ekte høyde 141,5px for
-// en runde med bane+utslag+dato+klokkeslett samtidig). Brukt av BÅDE
-// scroll-hoppet til spillerlisten og `playerListReached`-sjekken under.
+// en runde med bane+utslag+dato+klokkeslett samtidig). Brukt av
+// scroll-hoppene til spillerlisten/hull-panelet under.
function getHeaderHeight(): number {
return document.querySelector("header")?.getBoundingClientRect().height ?? 112
}
-// Pusterom under headeren når spillerlisten scrolles til -- brukt for
-// BÅDE selve scroll-målposisjonen og "reached"-terskelen (se begge
-// under). Delt konstant med vilje: scroll-hoppet lander bevisst
-// `SCROLL_GAP_PX` under headeren (ikke flush), så "reached"-sjekken må
-// bruke SAMME avstand, ellers forblir den flytende knappen synlig etter
-// at hoppet har landet (funnet i scratch-verifisering 2026-08-20 -- de to
-// brukte ulike terskler).
+// Pusterom under headeren når det scrolles til spillerlisten/hull-panelet
+// -- se `scrollToPlayerList()`/`scrollToHolePanel()` under.
const SCROLL_GAP_PX = 16
-// "Registrer score" -- samme knapp, to plasseringer (se PlayerHoleCards):
-// i normal side-flyt når banekartet er kollapset, flytende festet nederst
-// på skjermen når det er utvidet (V0-eksport, 2026-08-20, brukerønske --
-// det utvidede diagrammet kunne dytte knappen langt utenfor synlig område).
+// "Registrer score" -- den vanlige, i normal side-flyt-plasserte knappen
+// (se PlayerHoleCards). Den kompakte, hjørne-forankrede "Score"-FAB-en som
+// dukker opp når DENNE ruller ut av syne er en egen komponent,
+// `CompactScoreFab` (redesignet 2026-08-23, se CHANGELOG) -- ikke lenger
+// samme knapp flyttet til en flytende posisjon.
function RegisterScoreButton({ onClick }: { onClick: () => void }) {
return (
(null)
- // Flytende "Registrer score" (2026-08-20) skal kun vises mens
- // spillerlisten fortsatt er UTENFOR synlig område -- brukerfunn: den
- // hang igjen synlig (og dekket delvis over spillerkort 1) selv etter at
- // brukeren allerede hadde scrollet forbi/til spillerlisten, der den ikke
- // lenger gir mening ("Registrer score ↓" når du allerede ser
- // spillerne). "Reached" = listens toppkant har nådd/passert headerens
- // faktiske høyde -- forblir sant BÅDE mens listen vises OG etter at
- // brukeren har scrollet helt forbi den (listen ligger da over synlig
- // område, `top` er negativ). Kun scroll TILBAKE OPP forbi listen gjør
- // at knappen skal dukke opp igjen.
- //
- // Første forsøk brukte IntersectionObserver med en krympet rootMargin
- // -- viste seg FEIL i scratch-verifisering: med standard threshold=[0]
- // fyrer den kun ved 0%->>0%-kryssinger (element helt inn/ut av roten),
- // ikke ved at `boundingClientRect.top` passerer en INTERN linje midt i
- // et allerede-overlappende element. Listen ble dermed hengende på
- // "ikke nådd" gjennom hele resten av scrollingen forbi grensen. Vanlig
- // scroll-lytter med direkte `getBoundingClientRect()`-sjekk gir korrekt,
- // kontinuerlig oppdatering.
- //
- // ANNET funn i scratch, samme runde: en HARDKODET grense (112px, lånt
- // fra `scroll-mt-28` andre steder i filen) var selv FEIL -- headeren
- // sin faktiske høyde målte 141.5px for denne runden, ikke 112. Headeren
- // sitt innhold (rundenavn/dato/klokkeslett) kan pakkes til flere linjer
- // avhengig av runden, så høyden er reelt DYNAMISK, ikke en konstant --
- // en ny hardkodet gjetning (f.eks. 160px) ville bare flyttet samme
- // sårbarhet til en annen runde med enda lenger innhold. Målt LIVE i
- // stedet, se `getHeaderHeight()` under.
- const [playerListReached, setPlayerListReached] = useState(false)
- useEffect(() => {
- if (!mapExpanded) return
- function check() {
- const el = playerListRef.current
- if (!el) return
- setPlayerListReached(el.getBoundingClientRect().top <= getHeaderHeight() + SCROLL_GAP_PX)
- }
- check()
- window.addEventListener("scroll", check, { passive: true })
- window.addEventListener("resize", check)
- return () => {
- window.removeEventListener("scroll", check)
- window.removeEventListener("resize", check)
- }
- }, [mapExpanded])
- // Den flytende knappen ble opprinnelig styrt av `mapExpanded` alene --
- // FEIL, funnet av bruker 2026-08-20: den IKKE-utvidede ("compact")
- // visningen viser OGSÅ hele hindringslisten (ADR-083, alle hindringer,
- // ikke bare nærmeste), som på hull med mange hindringer alene kan bli
- // høy nok til å dytte den vanlige, side-flyt-plasserte knappen utenfor
- // synlig område -- UTEN at banekartet noensinne ble utvidet. Riktig
- // signal er derfor ikke "er kartet utvidet", men "er selve
- // side-flyt-knappen faktisk synlig akkurat nå" -- målt direkte, samme
- // mønster som `playerListReached` over (ikke IntersectionObserver, av
- // samme grunn som der: unngår enhver antakelse om når komponenten
- // regnes som "utvidet" eller ikke -- fungerer likt uansett ÅRSAK til at
- // knappen er utenfor synlig område).
+ // Flytende "Score"-hurtigknapp (CompactScoreFab, redesignet 2026-08-23
+ // -- se CHANGELOG): en liten, hjørne-forankret FAB nederst til høyre,
+ // IKKE lenger et fullbredde-bunnbanner. Trenger derfor ikke lenger noe
+ // eget "har brukeren nådd spillerlisten"-signal for å skjule seg igjen
+ // (den tidligere `playerListReached`-mekanismen, fjernet) -- en liten
+ // knapp i et hjørne dekker ikke nevneverdig over innhold under, uansett
+ // hvor langt ned siden brukeren har scrollet. Eneste synlighets-signal
+ // som gjenstår er `inFlowButtonVisible` under: er selve den vanlige,
+ // side-flyt-plasserte knappen synlig akkurat nå. Målt direkte med
+ // `getBoundingClientRect()` + scroll/resize-lytter (ikke
+ // IntersectionObserver -- viste seg upålitelig i scratch-verifisering
+ // 2026-08-20: med standard threshold=[0] fyrer den kun ved
+ // 0%->>0%-kryssinger, ikke ved at `top`/`bottom` passerer en INTERN
+ // linje midt i et allerede-overlappende element).
const inFlowButtonRef = useRef(null)
const [inFlowButtonVisible, setInFlowButtonVisible] = useState(true)
useEffect(() => {
@@ -6883,47 +6838,17 @@ function PlayerHoleCards({
/>
)}
- {/* Flytende "Registrer score" (V0-eksport, 2026-08-20, utløser-
- logikk rettet samme dag) -- vises når side-flyt-knappen over
- IKKE er synlig (uansett ÅRSAK: utvidet banekart ELLER en lang
- hindringsliste alene, se `inFlowButtonVisible`-kommentaren over)
- OG spillerlisten fortsatt er utenfor synlig område (se
- `playerListReached` -- uten denne dekket den delvis over
- spillerkort 1 selv etter at brukeren allerede hadde scrollet
- dit). `fixed` posisjonerer mot selve viewporten (ingen ancestor
- her setter transform/filter, så det er trygt), gradient-scrim +
- skygge løfter den visuelt over innholdet under,
- `env(safe-area-inset-bottom)` unngår at den klemmes helt inntil
- kanten på telefoner med gest-navigasjon. `pointer-events-none`
- på selve scrim-sonen når skjult/i overgang, slik at den aldri
- blokkerer klikk på innhold bak. */}
-
- {/* Gir siste innhold på siden rom til å scrolle klar av den flytende
- knappen i stedet for å bli permanent skjult bak den -- samme
- betingelse som selve knappen. */}
- {!inFlowButtonVisible && !playerListReached &&
}
+ {/* Kompakt "Score"-hurtigknapp (CompactScoreFab, redesignet
+ 2026-08-23 -- se CHANGELOG). Erstatter det tidligere fullbredde-
+ bunnbanneret, som hadde tre runder med skjul/vis-bugs (#141/142,
+ samt en fjerde runde der den ble hengende synlig over
+ Kommentarer-seksjonen). En liten, hjørne-forankret FAB trenger
+ ikke den samme skjul-igjen-mekanismen -- den er liten nok til at
+ den ikke dekker nevneverdig over innhold, uansett hvor langt ned
+ siden brukeren har scrollet. Vises alene når
+ `!inFlowButtonVisible` (den vanlige, side-flyt-plasserte knappen
+ er utenfor synlig område). */}
+