go-pkg/asynqmon
2
0
Fork 0
mirror of https://github.com/hibiken/asynqmon.git synced 2025-10-03 02:32:00 +08:00
Code Issues Projects Releases Wiki Activity

Update task table row to use box-shadow on hover

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/components/RetryTasksTable.tsx
View File

@@ -322,9 +322,15 @@ function RetryTasksTable(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,
},
},
actionCell: {
width: "140px",
@@ -333,7 +339,7 @@ const useRowStyles = makeStyles({
marginLeft: 3,
marginRight: 3,
},
});
}));
interface RowProps {
task: RetryTaskExtended;