jquery-ui: fix autocomplete menu styling (#3671).

* Wrap menu items in a div.
* Replace ui-state-focus with ui-state-active.
* Make active items have a grey background.

ref: http://jqueryui.com/upgrade-guide/1.12/#require-wrappers-for-each-menu-item
ref: http://jqueryui.com/upgrade-guide/1.12/#use-consistent-styling-for-focused-and-active-items
This commit is contained in:
evazion
2018-04-26 23:18:00 -05:00
parent a11dbb9186
commit dd2abeb180
4 changed files with 18 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
<% TagCategory.css_mapping.each do |category,cssmap| %>
.category-<%= category %> a, a.tag-type-<%= category %>, .ui-state-focus a.tag-type-<%= category %> {
.category-<%= category %> a, a.tag-type-<%= category %>, .ui-state-active a.tag-type-<%= category %> {
color: <%= cssmap["color"] %>;
&:hover {
@@ -8,7 +8,7 @@
}
<% end %>
.category-banned a, a.tag-type-banned, .ui-state-focus a.tag-type-banned {
.category-banned a, a.tag-type-banned, .ui-state-active a.tag-type-banned {
color: black;
background-color: red;
}