Merge pull request #225 from ECN/bugfix-lastupdated-styles

Bugfix LastUpdatedCell styles
ECN · Jul 30, 2021 · e44808a · e44808a
2 parents 2cc34f4 + ae7bc7e
commit e44808a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js
@@ -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`,
@@ -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)
@@ -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(
         {

diff --git a/src/components/LastUpdatedCell/LastUpdatedCell.js b/src/components/LastUpdatedCell/LastUpdatedCell.js
@@ -26,7 +26,7 @@ export default function LastUpdatedCell({ time, ItemTableCellProps }) {
         const week = day * 7;
         const month = week * 4;
 
-        let backgroundColor = theme.palette.background.paper;
+        let backgroundColor = "inherit";
 
         // 1-6 days old
         if (timeDelta > day && timeDelta <= week) {