|
|
|
// Ensure the autocomplete uses the correct typeface
|
|
|
|
.autocomplete__wrapper {
|
|
|
|
font-family: $govuk-font-family;
|
|
|
|
}
|
|
|
|
|
|
|
|
.autocomplete__input {
|
|
|
|
font-family: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.autocomplete__option__append {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.autocomplete__option__hint {
|
|
|
|
display: block;
|
|
|
|
color: $govuk-secondary-text-colour;
|
|
|
|
|
|
|
|
.autocomplete__option--focused &,
|
|
|
|
.autocomplete__option:hover & {
|
|
|
|
color: govuk-colour("white");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Style the autocomplete if there’s an error
|
|
|
|
.govuk-form-group--error {
|
|
|
|
.autocomplete__input {
|
|
|
|
border-color: $govuk-error-colour;
|
|
|
|
}
|
|
|
|
|
|
|
|
.autocomplete__input--focused {
|
|
|
|
border-color: $govuk-input-border-colour;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.autocomplete__dropdown-arrow-down {
|
|
|
|
// Ensure dropdown arrow can be clicked
|
|
|
|
// https://github.com/alphagov/accessible-autocomplete/issues/202
|
|
|
|
pointer-events: none;
|
|
|
|
// Ensure dropdown arrow can be seen
|
|
|
|
z-index: 0;
|
|
|
|
}
|