saleor-dashboard/src/components/SingleAutocompleteSelectField/styles.ts
Dawid 9f7c934dec
Fix dropdown select arrow clicks bugs (#2301)
* Fix dropdown arrow click

* Fix multi-select dropdown arrow click

* Update changelog

* Update test snapshots of select inputs

* Grey out select dropdowns bottom arrow

* Prevent clearing input value in multiselect on item select

Co-authored-by: Patryk Andrzejewski <vox3r69@gmail.com>
2022-09-23 13:39:25 +02:00

27 lines
585 B
TypeScript

import { makeStyles } from "@saleor/macaw-ui";
export const useStyles = makeStyles(
theme => ({
container: {
flexGrow: 1,
position: "relative",
},
nakedInput: {
padding: theme.spacing(2, 0),
},
adornment: {
color: theme.palette.saleor.main[3],
cursor: "pointer",
userSelect: "none",
"& svg": {
transition: theme.transitions.duration.shorter + "ms",
},
},
adornmentRotate: {
"& svg": {
transform: "rotate(180deg)",
},
},
}),
{ name: "SingleAutocompleteSelectField" },
);