2024-12-03 14:08:11 +00:00
|
|
|
// react-select's <Select/> styles prop customizes the styling of
|
|
|
|
|
// the internal components and not external elements like labels
|
|
|
|
|
// See customStyles in DropdownWrappr.tsx
|
|
|
|
|
// https://react-select.com/styles
|
|
|
|
|
.dropdown-wrapper {
|
|
|
|
|
&__label {
|
|
|
|
|
&--error {
|
|
|
|
|
color: $ui-error;
|
|
|
|
|
}
|
|
|
|
|
&--disabled {
|
|
|
|
|
color: $ui-fleet-black-50;
|
|
|
|
|
}
|
|
|
|
|
}
|
2025-01-14 17:08:46 +00:00
|
|
|
|
|
|
|
|
// Table dropdowns have height 40px
|
|
|
|
|
&__table-filter {
|
2025-09-29 17:10:41 +00:00
|
|
|
height: 36px;
|
2025-01-14 17:08:46 +00:00
|
|
|
|
|
|
|
|
.react-select__control {
|
2025-09-29 17:10:41 +00:00
|
|
|
height: 36px;
|
2025-01-14 17:08:46 +00:00
|
|
|
}
|
|
|
|
|
}
|
2024-12-03 14:08:11 +00:00
|
|
|
}
|