envide/teecup
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Bytt spillerpool-tabellens zebra-stripe fra grønntonet token til nøytral grå

Browse source 
bg-muted er grønntonet i denne paletten (klubbhus-fargene) -- brukeren
presiserte "Lyse GRÅ striper, ikke lyse grønne". Løst med translucent
svart/hvitt-overlegg (bærer ingen fargetone) i stedet for en fargtonet
token, fungerer automatisk riktig i begge temaer.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Erol Haagenrud 2026-08-19 10:04:36 +02:00
parent 9b97a3bffb
commit 95b05ab7f5
1 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/components/player-import-view.tsx
View file

@ -498,12 +498,19 @@ function EditTable({
<tbody> <tbody>
{rows.map((row, rowIndex) => { {rows.map((row, rowIndex) => {
// Annenhver rad-bakgrunn (2026-08-19, bruker: "hvit og lys // Annenhver rad-bakgrunn (2026-08-19, bruker: "hvit og lys
// grå") -- ren pekepinn for å lese på tvers av en rad i en // grå" -- presisert etter en første runde: "Lyse GRÅ striper,
// bred tabell, samme rutenett-linjer som ellers. Den sticky // ikke lyse grønne", siden bg-muted er en grønntonet token i
// første cellen må få SAMME bakgrunn som resten av raden // denne paletten (klubbhus-fargene), ikke nøytral grå).
// (ikke alltid bg-card), ellers ser den frakoblet ut fra // Løst med en translucent svart/hvit-overlegg i stedet for en
// stripen bak den ved sidescroll. // fargtonet token -- svart/hvitt bærer ingen fargetone, så
const rowBg = rowIndex % 2 === 1 ? "bg-muted/40" : "bg-card" // det leses som ekte nøytral grå i BEGGE temaer automatisk,
// uten å måtte velge to separate faste gråtoner. Ren
// pekepinn for å lese på tvers av en rad i en bred tabell,
// samme rutenett-linjer som ellers. Den sticky første cellen
// må få SAMME bakgrunn som resten av raden (ikke alltid
// bg-card), ellers ser den frakoblet ut fra stripen bak den
// ved sidescroll.
const rowBg = rowIndex % 2 === 1 ? "bg-black/[0.03] dark:bg-white/[0.04]" : "bg-card"
return ( return (
<tr <tr
key={row.key} key={row.key}