diff --git a/src/components/Table/TableStyles.tsx b/src/components/Table/TableStyles.tsx index 97741c55f..97bfcd283 100644 --- a/src/components/Table/TableStyles.tsx +++ b/src/components/Table/TableStyles.tsx @@ -43,7 +43,7 @@ export interface GridStyle { /** Applied on hover if a row has a rowLink/onClick set. */ rowHoverColor?: Palette | "none"; /** Applied on hover of a row */ - rowHoverCss?: Properties; + nonHeaderRowHoverCss?: Properties; /** Default content to put into an empty cell */ emptyCell?: ReactNode; presentationSettings?: Pick & @@ -222,7 +222,7 @@ export const cardStyle: GridStyle = { ...Css.p1.m0.xsMd.gray700.$, }, rowHoverColor: "none", - rowHoverCss: Css.bshHover.bGray700.$, + nonHeaderRowHoverCss: Css.bshHover.bGray700.$, }; export function resolveStyles(style: GridStyle | GridStyleDef): GridStyle { diff --git a/src/components/Table/components/Row.tsx b/src/components/Table/components/Row.tsx index f5780b166..95da77496 100644 --- a/src/components/Table/components/Row.tsx +++ b/src/components/Table/components/Row.tsx @@ -86,9 +86,9 @@ function RowImpl(props: RowProps): ReactElement { "&:hover > *": Css.bgColor(style.rowHoverColor ?? Palette.Blue100).$, }), ...(!reservedRowKinds.includes(row.kind) && - style.rowHoverCss && { + style.nonHeaderRowHoverCss && { // Need to spread this to make TS happy. - ":hover": { ...style.rowHoverCss }, + ":hover": { ...style.nonHeaderRowHoverCss }, }), // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `flexNone` to ensure they stay their defined widths ...(as === "table" ? {} : Css.relative.df.fg1.fs1.addIn("&>*", Css.flexNone.$).$),