Skip to content

Commit

Permalink
Added child selector to hover styles
Browse files Browse the repository at this point in the history
  • Loading branch information
wrigh393 committed Jul 16, 2021
1 parent 2843d2d commit ae7bc7e
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/components/ItemTable/ItemTable.js
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
width: "100%"
},
hoverBackgroundColor: {
"&:hover": {
"&:hover > *": {
// The !important is placed here to enforce CSS specificity.
// See: https://material-ui.com/styles/advanced/#css-injection-order
backgroundColor: `${theme.palette.primary[200]} !important`,
Expand All @@ -42,7 +42,7 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
// are a hotfix to force the table body to have height until a better solution is found.
VirtualizedTableStyles: {
height: '82vh !important',
display:"table-row"
display: "table-row"
},
tableMargin: {
marginTop: theme.spacing(2)
Expand All @@ -68,7 +68,7 @@ export default function ItemTable({ data, rowCanBeSelected, loading }) {
{ Header: 'Last Updated', accessor: 'last_updated', sortInverted: true },
{ Header: 'Department', accessor: 'department' },
{ Header: 'Building', accessor: 'building' },
{ Header: 'Date Received', accessor: 'date_received', sortInverted: true , }
{ Header: 'Date Received', accessor: 'date_received', sortInverted: true, }
], []);
const tableInstance = useTable(
{
Expand Down

0 comments on commit ae7bc7e

Please sign in to comment.