Commit 55afebe1 authored by Alfredo Sumaran's avatar Alfredo Sumaran

Always display suggestions

parent 47405485
...@@ -72,9 +72,6 @@ class @SearchAutocomplete ...@@ -72,9 +72,6 @@ class @SearchAutocomplete
# Prevent multiple ajax calls # Prevent multiple ajax calls
return if @loadingSuggestions return if @loadingSuggestions
# Do not request suggestions if dropdown is disabled
return if @badgePresent()
@loadingSuggestions = true @loadingSuggestions = true
jqXHR = $.get(@autocompletePath, { jqXHR = $.get(@autocompletePath, {
...@@ -132,16 +129,12 @@ class @SearchAutocomplete ...@@ -132,16 +129,12 @@ class @SearchAutocomplete
# No need to enable anything if user is not logged in # No need to enable anything if user is not logged in
return if !gon.current_user_id return if !gon.current_user_id
dropdownMenu = @dropdown.find('.dropdown-menu')
_this = @ _this = @
@loadingSuggestions = false @loadingSuggestions = false
@dropdown.addClass('open') @dropdown.addClass('open')
@searchInput.removeClass('disabled') @searchInput.removeClass('disabled')
onDropdownOpen: (e) =>
@dropdown.dropdown('toggle')
onSearchInputKeyDown: => onSearchInputKeyDown: =>
# Saves last length of the entered text # Saves last length of the entered text
@saveTextLength() @saveTextLength()
...@@ -154,20 +147,17 @@ class @SearchAutocomplete ...@@ -154,20 +147,17 @@ class @SearchAutocomplete
@removeLocationBadge() @removeLocationBadge()
# When removing the last character and no badge is present # When removing the last character and no badge is present
if @lastTextLength is 1 and !@badgePresent() if @lastTextLength is 1
@disableAutocomplete() @disableAutocomplete()
# When removing any character from existin value
if @lastTextLength > 1
@enableAutocomplete()
when KEYCODE.ESCAPE when KEYCODE.ESCAPE
if @badgePresent()
else
@restoreOriginalState() @restoreOriginalState()
# If after restoring there's a badge
@disableAutocomplete() if @badgePresent()
else
if @badgePresent()
@disableAutocomplete()
else else
# We should display the menu only when input is not empty # We should display the menu only when input is not empty
if @searchInput.val() isnt '' if @searchInput.val() isnt ''
@enableAutocomplete() @enableAutocomplete()
...@@ -229,8 +219,8 @@ class @SearchAutocomplete ...@@ -229,8 +219,8 @@ class @SearchAutocomplete
@dropdown.removeClass 'open' @dropdown.removeClass 'open'
# Only add class if there's a badge # Only add class if there's a badge
if @badgePresent() # if @badgePresent()
@searchInput.addClass 'disabled' # @searchInput.addClass 'disabled'
badgePresent: -> badgePresent: ->
@locationBadgeEl.children().length @locationBadgeEl.children().length
......
...@@ -205,5 +205,5 @@ $search-input-width: $dropdown-width; ...@@ -205,5 +205,5 @@ $search-input-width: $dropdown-width;
$location-badge-color: #aaa; $location-badge-color: #aaa;
$location-badge-bg: $gray-normal; $location-badge-bg: $gray-normal;
$location-icon-color: #e7e9ed; $location-icon-color: #e7e9ed;
$location-active-color: #7f8fa4; $location-active-color: $gl-text-color;
$location-active-bg: $location-active-color; $location-active-bg: $search-input-border-color;
...@@ -63,6 +63,7 @@ ...@@ -63,6 +63,7 @@
.search-input-container { .search-input-container {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
position: relative;
} }
.search-location-badge, .search-input-wrap { .search-location-badge, .search-input-wrap {
...@@ -72,7 +73,6 @@ ...@@ -72,7 +73,6 @@
.search-input-wrap { .search-input-wrap {
width: 100%; width: 100%;
position: relative;
.search-icon, .clear-icon { .search-icon, .clear-icon {
position: absolute; position: absolute;
...@@ -100,6 +100,11 @@ ...@@ -100,6 +100,11 @@
display: none; display: none;
} }
// Rewrite position. Dropdown menu should be relative to .search-input-container
.dropdown {
position: static;
}
.dropdown-header { .dropdown-header {
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment