UserItem: fix multiselect styles being overridden

This commit is contained in:
Sidney Alcantara
2021-09-28 21:42:34 +10:00
parent fa5f920634
commit d5105daf60

View File

@@ -126,24 +126,24 @@ export default function UserItem({ id, user, roles: rolesProp }: User) {
sx: {
mr: 0.5,
"& .MuiInputLabel-root": {
"&& .MuiInputLabel-root": {
opacity: 0,
mt: -3,
},
"& .MuiFilledInput-root": {
"&& .MuiFilledInput-root": {
bgcolor: "transparent",
boxShadow: 0,
"&::before": { content: "none" },
"&:hover, &.Mui-focused": { bgcolor: "action.hover" },
},
"& .MuiSelect-select.MuiFilledInput-input": {
"&& .MuiSelect-select.MuiFilledInput-input": {
typography: "button",
pl: 1,
pr: 3.25,
},
"& .MuiSelect-icon": {
"&& .MuiSelect-icon": {
right: 2,
},
},