fix(table): hover effect does not stay on table row when menu on table row active

boilund · Tigge · commit 64227e7902b5 · 2021-12-08T09:00:17.000+01:00
Closes #138
diff --git a/packages/core/src/Table/TableRow.tsx b/packages/core/src/Table/TableRow.tsx
@@ -60,6 +60,11 @@ const TableRowGrid = styled.div<{
     }
   }
 
+  &:focus-within {
+    box-shadow: ${({ theme }) => theme.shadow.tableRow};
+    z-index: 1;
+  }
+
   &.selected {
     background-color: ${({ theme }) => theme.color.backgroundPrimary()};
   }

Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,11 @@ const TableRowGrid = styled.div<{`
`60`	`60`	`}`
`61`	`61`	`}`
`62`	`62`
	`63`	`+ &:focus-within {`
	`64`	`+ box-shadow: ${({ theme }) => theme.shadow.tableRow};`
	`65`	`+ z-index: 1;`
	`66`	`+ }`
	`67`	`+`
`63`	`68`	`&.selected {`
`64`	`69`	`background-color: ${({ theme }) => theme.color.backgroundPrimary()};`
`65`	`70`	`}`