fleet/frontend/components/forms/fields/AutocompleteDropdown/_styles.scss
Gabe Hernandez 00b9c77777
Improve team setting functionality (#704)
This makes some improvements to the team settings pages. These polish up the experience.
2021-04-30 12:13:04 -07:00

47 lines
906 B
SCSS

.autocomplete-dropdown {
.Select {
&.Select--multi {
.Select-option {
color: $core-fleet-black;
font-size: $x-small;
margin: $pad-small;
padding: $pad-small;
display: block;
&.is-focused {
background-color: $ui-vibrant-blue-25;
.Select-icon {
color: $ui-vibrant-blue-25;
}
}
&.is-disabled {
color: $ui-fleet-black-25;
.Select-icon {
visibility: hidden;
opacity: 0;
}
}
}
}
.Select-control {
.Select-value {
border: 1px solid $core-vibrant-blue;
background-color: $ui-vibrant-blue-10;
.Select-value-label {
font-weight: $bold;
}
.Select-value-icon {
&:after {
color: $core-fleet-black;
}
}
}
}
}
}