[docs] Fix Gmail demo

mui · Mar 23, 2020 · fe8d3c0 · fe8d3c0
1 parent 2f47739
commit fe8d3c0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/docs/src/pages/components/tree-view/GmailTreeView.js b/docs/src/pages/components/tree-view/GmailTreeView.js
@@ -24,9 +24,6 @@ const useTreeItemStyles = makeStyles((theme) => ({
       backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[400]})`,
       color: 'var(--tree-view-color)',
     },
-    '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-      backgroundColor: 'transparent',
-    },
   },
   content: {
     color: theme.palette.text.secondary,
@@ -49,6 +46,7 @@ const useTreeItemStyles = makeStyles((theme) => ({
   label: {
     fontWeight: 'inherit',
     color: 'inherit',
+    backgroundColor: 'transparent !important',
   },
   labelRoot: {
     display: 'flex',

diff --git a/docs/src/pages/components/tree-view/GmailTreeView.tsx b/docs/src/pages/components/tree-view/GmailTreeView.tsx
@@ -40,9 +40,6 @@ const useTreeItemStyles = makeStyles((theme: Theme) =>
         backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[400]})`,
         color: 'var(--tree-view-color)',
       },
-      '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-        backgroundColor: 'transparent',
-      },
     },
     content: {
       color: theme.palette.text.secondary,
@@ -65,6 +62,7 @@ const useTreeItemStyles = makeStyles((theme: Theme) =>
     label: {
       fontWeight: 'inherit',
       color: 'inherit',
+      backgroundColor: 'transparent !important',
     },
     labelRoot: {
       display: 'flex',