app/assets/stylesheets/autocomplete_overrides.scss
// Overrides styles of jquery-ui/autocomplete
//
/* Autocomplete
----------------------------------*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* Menu
----------------------------------*/
.ui-menu {
list-style: none;
padding: calc(#{$line-height} / 4) calc(#{$line-height} / 3);
display: block;
background: $body-background;
border: 1px solid $border;
font-size: $small-font-size;
.ui-menu-item {
.ui-menu-item-wrapper {
padding: calc(#{$line-height} / 4) calc(#{$line-height} / 3);
position: relative;
}
.ui-state-hover,
.ui-state-active {
background: #ececec;
border-radius: rem-calc(6);
}
}
}