Update task table row to use box-shadow on hover

This commit is contained in:
Ken Hibino
2021-07-12 14:47:02 -07:00
parent 8e50d81459
commit 8304a54e69
5 changed files with 38 additions and 8 deletions

View File

@@ -259,11 +259,17 @@ function ActiveTasksTable(props: Props & ReduxProps) {
);
}
const useRowStyles = makeStyles({
const useRowStyles = makeStyles((theme) => ({
root: {
cursor: "pointer",
"&:hover": {
boxShadow: theme.shadows[2],
},
"&:hover .MuiTableCell-root": {
borderBottomColor: theme.palette.background.paper,
},
},
});
}));
interface RowProps {
task: ActiveTaskExtended;