diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css index 1e98f1a6f..5441c46f4 100644 --- a/app/javascript/src/styles/base/040_colors.css +++ b/app/javascript/src/styles/base/040_colors.css @@ -95,7 +95,6 @@ --autocomplete-selected-background-color: var(--subnav-menu-background-color); --autocomplete-border: 1px solid #CCC; - --autocomplete-arrow-color: var(--text-color); --autocomplete-tag-autocorrect-underline: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAHElEQVQYV2NkQAL/GRj+M4IJBgY4zQhSABMEsQHMOAgCT5YN9gAAAABJRU5ErkJggg==); --diff-list-added-color: green; @@ -308,7 +307,6 @@ body[data-current-user-theme="dark"] { /* misc specific colors */ --autocomplete-selected-background-color: var(--grey-3); --autocomplete-border: 1px solid var(--grey-4); - --autocomplete-arrow-color: var(--text-color); --bulk-update-request-approved-color: var(--green-1); --bulk-update-request-failed-color: var(--red-1); diff --git a/app/javascript/src/styles/common/autocomplete.scss b/app/javascript/src/styles/common/autocomplete.scss index b90dbd9e2..24ca1e129 100644 --- a/app/javascript/src/styles/common/autocomplete.scss +++ b/app/javascript/src/styles/common/autocomplete.scss @@ -1,25 +1,23 @@ .ui-autocomplete.ui-widget { - font-size: 0.9em; + font-size: var(--text-sm); border: var(--autocomplete-border); - .ui-state-active { + div.ui-menu-item-wrapper { + padding: 0.25em 0.4em; border: none; - margin: 0 -1px; - background-color: var(--autocomplete-selected-background-color); - border-left: var(--autocomplete-border); - border-right: var(--autocomplete-border); - } - .ui-menu-item-wrapper { - padding: 3px 0.5em 3px 0.4em; - - a { - margin-right: 1em; + &.ui-state-active { + cursor: pointer; + background-color: var(--autocomplete-selected-background-color); } - } - .autocomplete-arrow { - color: var(--autocomplete-arrow-color); + span.autocomplete-arrow { + color: var(--text-color); + } + + span.post-count { + margin-left: 1em; + } } /* Display a red wavy underline beneath misspelled tags. */