Merge pull request #241 from codegouvfr/mui-autocomplete

mui: override autocomplete style
codegouvfr · Mar 5, 2024 · fad798b · fad798b
2 parents fcccc70 + 5a560ae
commit fad798b
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/mui.tsx b/src/mui.tsx
@@ -205,12 +205,18 @@ export function getMuiDsfrThemeOptions(params: {
             },
             "MuiAutocomplete": {
                 "styleOverrides": {
+                    "listbox": {
+                        "padding": 0
+                    },
                     "option": {
-                        "border": "1px solid transparent",
+                        "padding": `${fr.spacing("2w")} !important`,
+                        "&.Mui-focused": {
+                            "backgroundColor":
+                                decisions.background.open.blueFrance.default + " !important"
+                        },
                         "&.Mui-focusVisible": {
                             "backgroundColor":
-                                decisions.background.contrast.grey.default + " !important",
-                            "border": `1px solid ${decisions.border.active.blueFrance.default}`
+                                decisions.background.open.blueFrance.default + " !important"
                         }
                     }
                 }
@@ -331,6 +337,7 @@ export function createMuiDsfrTheme(
     params: { isDark: boolean; breakpointsValues: BreakpointsValues },
     ...args: object[]
 ): MuiTheme {
+    console.log("test");
     const muiTheme = createTheme(getMuiDsfrThemeOptions(params), ...args);
 
     return muiTheme;