Started updating search UI

3 files changed, 15 insertions, 20 deletions

diff --git a/app/views/search/_filter.html.haml b/app/views/search/_filter.html.haml
index 4ef544136a8..091dae24f4c 100644
--- a/app/views/search/_filter.html.haml
+++ b/app/views/search/_filter.html.haml
@@ -1,16 +1,17 @@
-.dropdown.inline
-  %button.dropdown-toggle.btn.btn-sm{type: 'button', 'data-toggle' => 'dropdown'}
-    %span.light Group:
+.dropdown.append-right-5.prepend-left-5
+  %button.dropdown-toggle.btn.js-search-group-dropdown{ type: "button", data: { toggle: "dropdown" } }
+    Group:
     - if @group.present?
       %strong= @group.name
     - else
       Any
     %b.caret
-  .dropdown-menu.dropdown-select.dropdown-menu-selectable
+  .dropdown-menu.dropdown-select.dropdown-menu-selectable.dropdown-menu-align-right
     .dropdown-title
       %span Filter results by group
-      %button.dropdown-title-button.dropdown-menu-close{aria: {label: "Close"}}
+      %button.dropdown-title-button.dropdown-menu-close{ aria: { label: "Close" } }
         = icon('times')
+    = dropdown_filter("Search groups")
     .dropdown-content
       %ul
         %li
@@ -22,19 +23,20 @@
             = link_to search_filter_path(group_id: group.id, project_id: nil), class: ("is-active" if params[:group_id] == group.id.to_s) do
               = group.name
 
-.dropdown.inline.prepend-left-10.project-filter
-  %button.dropdown-toggle.btn.btn-sm{type: 'button', 'data-toggle' => 'dropdown'}
-    %span.light Project:
+.dropdown.project-filter.append-right-5.prepend-left-5
+  %button.dropdown-toggle.btn{ type: "button", data: { toggle: "dropdown" } }
+    Project:
     - if @project.present?
       %strong= @project.name_with_namespace
     - else
       Any
     %b.caret
-  .dropdown-menu.dropdown-select.dropdown-menu-selectable
+  .dropdown-menu.dropdown-select.dropdown-menu-selectable.dropdown-menu-align-right
     .dropdown-title
       %span Filter results by project
       %button.dropdown-title-button.dropdown-menu-close{aria: {label: "Close"}}
         = icon('times')
+    = dropdown_filter("Search projects")
     .dropdown-content
       %ul
         %li
diff --git a/app/views/search/_form.html.haml b/app/views/search/_form.html.haml
index a9dbc84da29..b05e8d4d908 100644
--- a/app/views/search/_form.html.haml
+++ b/app/views/search/_form.html.haml
@@ -4,11 +4,9 @@
   = hidden_field_tag :snippets, params[:snippets]
   = hidden_field_tag :scope, params[:scope]
 
-  .search-holder.clearfix
-    .input-group
+  .search-holder
+    .search-field-holder.append-right-5
       = search_field_tag :search, params[:search], placeholder: "Search for projects, issues etc", class: "form-control search-text-input", id: "dashboard_search", autofocus: true, spellcheck: false
-      %span.input-group-btn
-        = button_tag 'Search', class: "btn btn-primary"
     - unless params[:snippets].eql? 'true'
-      %br
       = render 'filter' if current_user
+    = button_tag 'Search', class: "btn btn-success btn-search prepend-left-5"
diff --git a/app/views/search/_results.html.haml b/app/views/search/_results.html.haml
index 60df348891c..a7615f580f0 100644
--- a/app/views/search/_results.html.haml
+++ b/app/views/search/_results.html.haml
@@ -2,9 +2,7 @@
   = render partial: "search/results/empty"
 - else
   .gray-content-block
-    Search results for
-    %code
-      = @search_term
+    = search_entries_info @objects
     - unless @show_snippets
       - if @project
         in project #{link_to @project.name_with_namespace, [@project.namespace.becomes(Namespace), @project]}
@@ -21,6 +19,3 @@
 
     - if @scope != 'projects'
       = paginate @objects, theme: 'gitlab'
-
-:javascript
-  $(".search-results .term").highlight("#{escape_javascript(params[:search])}");