Skip to content
This repository was archived by the owner on Jul 24, 2020. It is now read-only.

[1251] autocomplete ux #1252

Merged
merged 1 commit into from
Jun 8, 2015
Merged

[1251] autocomplete ux #1252

merged 1 commit into from
Jun 8, 2015

Conversation

squidgetx
Copy link
Contributor

Resolves #1251 by using bootstrap blue for highlighting as well as changing the pointer cursor for additional visual cue. Also removes some old css that wasn't doing anything
screenshot - 05212015 - 03 31 07 pm

ul.ui-autocomplete li a.ui-state-hover, ul.ui-autocomplete li a.ui-state-active {
background-color: #FFFCB2;
ul.ui-autocomplete li.ui-state-focus {
background-color: #337ab7;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we use SASS (e.g. a variable) for this instead of hard-coding a number that we'll have to remember to come back and change if we ever change our UI / color scheme?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 You should use the variable Bootstrap defines for this value instead of hard-coding it: http://getbootstrap.com/customize/#dropdowns

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch

@orenyk
Copy link
Contributor

orenyk commented May 27, 2015

Awesome, looks great. Squash / merge / update CHANGELOG away! 😄

ul.ui-autocomplete li a.ui-state-hover, ul.ui-autocomplete li a.ui-state-active {
background-color: #FFFCB2;
ul.ui-autocomplete li.ui-state-focus {
// background-color: #337ab7;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Indentation in this whole block is a bit wonky

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also good catch. We can also get rid of the commented style.

@squidgetx squidgetx force-pushed the 1251_autocomplete_highlight branch from 2ccfc2b to fe30f85 Compare June 8, 2015 07:56
Closes #1251
* Use bootstrap blue to highlight the current selection
* Use pointer cursor to indicate the selection can be clicked
@squidgetx squidgetx force-pushed the 1251_autocomplete_highlight branch from fe30f85 to e4367a3 Compare June 8, 2015 07:59
squidgetx added a commit that referenced this pull request Jun 8, 2015
@squidgetx squidgetx merged commit 79e51ee into master Jun 8, 2015
@orenyk orenyk deleted the 1251_autocomplete_highlight branch October 27, 2015 19:52
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve highlighting in autocomplete dropdown
3 participants