multiselect: fix spacing & use custom radio & checkbox icons

This commit is contained in:
Sidney Alcantara
2021-09-23 15:22:47 +10:00
parent 1116f8f58d
commit ce560d7854
5 changed files with 11 additions and 8 deletions

View File

@@ -10,6 +10,7 @@ export default function CheckboxIcon() {
height: toRem(18),
margin: toRem((24 - 18) / 2),
borderRadius: 1,
display: "flex",
position: "relative",
@@ -46,7 +47,7 @@ export default function CheckboxIcon() {
boxShadow: 1,
},
".Mui-checked &": {
".Mui-checked &, [aria-selected='true'] &": {
backgroundColor: "currentColor",
borderColor: "currentColor",

View File

@@ -10,6 +10,7 @@ export default function CheckboxIndeterminateIcon() {
height: toRem(18),
margin: toRem((24 - 18) / 2),
borderRadius: 1,
display: "flex",
position: "relative",
@@ -46,7 +47,7 @@ export default function CheckboxIndeterminateIcon() {
boxShadow: 1,
},
".Mui-checked &": {
".Mui-checked &, [aria-selected='true'] &": {
backgroundColor: "currentColor",
borderColor: "currentColor",

View File

@@ -10,6 +10,7 @@ export default function RadioIcon() {
height: toRem(20),
margin: toRem((24 - 20) / 2),
borderRadius: "50%",
display: "flex",
backgroundColor: "transparent",
border: "1px solid",
@@ -37,7 +38,7 @@ export default function RadioIcon() {
}),
},
".Mui-checked &": {
".Mui-checked &, [aria-selected='true'] &": {
backgroundColor: "currentColor",
borderColor: "currentColor",