Mui v5 fix styles to upgrade to the latest stable version (#892)

CartoDB · Jul 26, 2024 · 2156e34 · 2156e34
1 parent 0e83a7b
commit 2156e34
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## Not released
 
+- Mui v5 fix styles to upgrade to the latest stable version [#892](https://github.com/CartoDB/carto-react/pull/892)
 - fix legend widget return bug [#893](https://github.com/CartoDB/carto-react/pull/893)
 
 ## 3.0.0

diff --git a/packages/react-ui/src/theme/sections/components/forms.js b/packages/react-ui/src/theme/sections/components/forms.js
@@ -511,7 +511,7 @@ export const formsOverrides = {
           right: theme.spacing(2),
           color: theme.palette.text.secondary
         },
-        '&.Mui-disabled .MuiSelect-icon': {
+        '&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon': {
           color: theme.palette.text.disabled
         },
         '& .MuiSelect-iconStandard': {
@@ -661,6 +661,7 @@ export const formsOverrides = {
       }),
 
       endAdornment: ({ theme }) => ({
+        transform: 'none',
         top: theme.spacing(2),
         display: 'flex',
         alignItems: 'center',

diff --git a/packages/react-ui/src/theme/sections/components/navigation.js b/packages/react-ui/src/theme/sections/components/navigation.js
@@ -129,7 +129,7 @@ export const navigationOverrides = {
       root: ({ theme }) => ({
         paddingTop: 0,
 
-        '.MuiPopover-root &, .MuiPopper-root &': {
+        '.MuiPopover-root &, .MuiPopper-root &, .MuiPaper-root &': {
           minWidth: theme.spacing(8), // 64px, defined by design
           maxHeight: theme.spacing(39), // 312px, defined by design
           overflowY: 'auto',