Update icons to svg in several sort dropdowns

- milestone
- label
- wiki
- search
- todos

app/views/dashboard/todos/index.html.haml

@@ -71,7 +71,7 @@
                 = sort_options_hash[@sort]
               - else
                 = sort_title_recently_created
-              = icon('chevron-down')
+              = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
             %ul.dropdown-menu.dropdown-menu-sort.dropdown-menu-right
               %li
                 = link_to todos_filter_path(sort: sort_value_label_priority) do

app/views/search/_filter.html.haml

@@ -14,7 +14,7 @@
       = @project&.full_name || _("Any")
     - if @project.present?
       = link_to sprite_icon("clear"), url_for(safe_params.except(:project_id)), class: 'search-clear js-search-clear has-tooltip', title: _('Clear')
-    = icon("chevron-down")
+    = sprite_icon("chevron-down", css_class: 'dropdown-menu-toggle-icon gl-top-3')
   .dropdown-menu.dropdown-select.dropdown-menu-selectable.dropdown-menu-right
     = dropdown_title(_("Filter results by project"))
     = dropdown_filter(_("Search projects"))

app/views/search/_sort_dropdown.html.haml

@@ -8,7 +8,7 @@
     .btn-group{ role: 'group' }
     %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' }, class: 'btn btn-default' }
       = sort_title
-      = icon('chevron-down')
+      = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
     %ul.dropdown-menu.dropdown-menu-right.dropdown-menu-selectable.dropdown-menu-sort
       %li
         = render_if_exists('search/sort_by_relevancy', sort_title: sort_title)

app/views/shared/_milestones_sort_dropdown.html.haml

@@ -5,7 +5,7 @@
       = milestone_sort_options_hash[@sort]
     - else
       = sort_title_due_date_soon
-    = icon('chevron-down')
+    = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
   %ul.dropdown-menu.dropdown-menu-right.dropdown-menu-sort
     %li
       = link_to page_filter_path(sort: sort_value_due_date_soon) do

app/views/shared/labels/_sort_dropdown.html.haml

@@ -2,7 +2,7 @@
 .dropdown.inline
   %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
     = sort_title
-    = icon('chevron-down')
+    = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
   %ul.dropdown-menu.dropdown-menu-right.dropdown-menu-sort
     %li
       - label_sort_options_hash.each do |value, title|

app/views/shared/wikis/_form.html.haml

@@ -36,7 +36,7 @@
     .col-sm-10
       .select-wrapper
         = f.select :format, options_for_select(Wiki::MARKUPS, {selected: @page.format}), {}, class: 'form-control select-control'
-        = icon('chevron-down')
+        = sprite_icon('chevron-down', css_class: 'gl-absolute gl-top-3 gl-right-3 gl-text-gray-200')
 
   .form-group.row
     .col-sm-2.col-form-label= f.label :content, class: 'control-label-full-width'

changelogs/unreleased/224509-chevron-down-svg-search-wiki.yml

+---
+title: Update icons to svg in several sort dropdowns
+merge_request: 48092
+author:
+type: other