jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/common/autocomplete.scss
View File

@@ -1,6 +1,13 @@
.ui-autocomplete {
font-size: 0.9em;
z-index: 1000;
.ui-state-active {
border: none;
margin: 0 -1px;
background-color: #F0F0F0;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5;
}
.ui-menu-item a {
padding: 1px .2em;
@@ -9,4 +16,4 @@
.autocomplete-arrow {
color: black;
}
}
}