diff --git a/app/components/Table.module.css b/app/components/Table.module.css index 323822fd1..dedb97e4f 100644 --- a/app/components/Table.module.css +++ b/app/components/Table.module.css @@ -17,7 +17,7 @@ font-size: var(--font-2xs); } - & tbody tr:hover { + &:not(.noRowHover) tbody tr:hover { background-color: var(--color-bg-high); } diff --git a/app/components/Table.tsx b/app/components/Table.tsx index 11b174d68..8a6e937c1 100644 --- a/app/components/Table.tsx +++ b/app/components/Table.tsx @@ -1,9 +1,20 @@ +import clsx from "clsx"; import styles from "./Table.module.css"; -export function Table({ children }: { children: React.ReactNode }) { +export function Table({ + children, + noRowHover, +}: { + children: React.ReactNode; + noRowHover?: boolean; +}) { return (
| Standing | @@ -151,7 +151,7 @@ function ResultsTable({ standings }: { standings: Standing[] }) { return (
|---|
| {typeof placement === "number" ? ( diff --git a/app/features/tournament/tournament.module.css b/app/features/tournament/tournament.module.css index a45bc2bad..aca005337 100644 --- a/app/features/tournament/tournament.module.css +++ b/app/features/tournament/tournament.module.css @@ -504,6 +504,10 @@ border-color: var(--color-error); } +.standingsRowAlt > td { + background-color: var(--color-bg-high); +} + .standingsTeamName { min-width: 125px; display: flex; |