diff --git a/CHANGELOG.md b/CHANGELOG.md index 1bb62abc339..7a9d4e4e6fe 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,10 @@ - Added `panelProps` to `EuiPopover` ([#4573](https://github.com/elastic/eui/pull/4573)) +**Bug fixes** + +- Fixed hover effect of nested clickable rows in `EuiBasicTable` ([#4566](https://github.com/elastic/eui/pull/4566)) + ## [`31.9.1`](https://github.com/elastic/eui/tree/v31.9.1) **Bug fixes** diff --git a/src/components/table/_table.scss b/src/components/table/_table.scss index 0e7405fb66a..3fb0d67b6ed 100644 --- a/src/components/table/_table.scss +++ b/src/components/table/_table.scss @@ -86,11 +86,22 @@ background-color: $euiTableHoverColor; } - &.euiTableRow-isExpandedRow { - .euiTableRowCell { - background-color: $euiTableHoverColor; + + &.euiTableRow-isClickable { + + &:hover { + background-color: $euiTableHoverClickableColor; + cursor: pointer; } + &:focus { + background-color: $euiTableFocusClickableColor; + } + } + + &.euiTableRow-isExpandedRow { + background-color: $euiTableHoverColor; + &.euiTableRow-isSelectable .euiTableCellContent { padding-left: $euiTableCellCheckboxWidth + $euiTableCellContentPadding; } @@ -234,14 +245,3 @@ max-height: unset; } } - -.euiTableRow-isClickable { - &:hover { - background-color: $euiTableHoverClickableColor; - cursor: pointer; - } - - &:focus { - background-color: $euiTableFocusClickableColor; - } -}