-
Bug
-
Resolution: Unresolved
-
Undefined
-
None
-
1.8.0
-
None
-
False
-
-
False
-
-
Description of problem:
I hit an error in the console when setting up Scorecard to run locally. This error is not related to Scorecard as discussed in the Slack thread .
createTheme.js:73 MUI: The MuiBottomNavigationAction component increases the CSS specificity of the selected internal state. You can not override it like this: { "root": { "color": "#ffffff !important", "backgroundColor": "#151515 !important", "borderRadius": "6px", "borderTop": "3px solid transparent !important", "paddingTop": "6px !important", "marginTop": "-1px !important", "&:hover, &:focus-visible": { "backgroundColor": "#292929 !important" } }, "selected": { "backgroundColor": "#292929 !important", "color": "#ffffff !important" } } Instead, you need to use the '&.Mui-selected' syntax: { "root": { "&.Mui-selected": { "backgroundColor": "#292929 !important", "color": "#ffffff !important" } } }
Prerequisites (if any, like setup, operators/versions):
Steps to Reproduce
1. Go to the rhdh-plugins workspaces/theme folder in the main branch
2. Run yarn install && yarn start
3. Inspect the console
# <steps>
Actual results:
Error message in the console
Expected results:
No error message
Reproducibility (Always/Intermittent/Only Once):
Always
