Currently working in an open source project that uses ember-aupac-typeahead. This module appears to place a div behind the search bar with a white background and the use of !important on this div makes it difficult to use this module while doing custom styling. I see that !important is used in multiple places in the .css file, but the lines that gave me issue were these:
.aupac-typeahead.tt-hint[readonly] {
background-color: white !important;
}
I would suggest refactoring to remove all instances of !important.
Currently working in an open source project that uses ember-aupac-typeahead. This module appears to place a div behind the search bar with a white background and the use of !important on this div makes it difficult to use this module while doing custom styling. I see that !important is used in multiple places in the .css file, but the lines that gave me issue were these:
I would suggest refactoring to remove all instances of
!important
.