Replace fa-chevron-down with GitLab SVG

in dropdowns

app/views/explore/projects/_filter.html.haml

@@ -10,7 +10,7 @@
         = visibility_level_label(params[:visibility_level].to_i)
       - else
         = _('Any')
-      = icon('chevron-down')
+      = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
     %ul.dropdown-menu.dropdown-menu-right
       %li
         = link_to filter_projects_path(visibility_level: nil) do

app/views/projects/forks/index.html.haml

@@ -15,7 +15,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-right
         %li
           - excluded_filters = [:state, :scope, :label_name, :milestone_id, :assignee_id, :author_id]

app/views/projects/tags/index.html.haml

@@ -16,7 +16,7 @@
         %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown'} }
           %span.light
             = tags_sort_options_hash[@sort]
-          = 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
           %li.dropdown-header
             = s_('TagsPage|Sort by')

app/views/projects/tags/new.html.haml

@@ -24,7 +24,7 @@
         = hidden_field_tag :ref, default_ref
         = button_tag type: 'button', title: default_ref, class: 'dropdown-menu-toggle wide js-branch-select monospace', required: true, data: { toggle: 'dropdown', selected: default_ref, field_name: 'ref' } do
           .text-left.dropdown-toggle-text= default_ref
-          = icon('chevron-down')
+          = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
         = render 'shared/ref_dropdown', dropdown_class: 'wide'
       .form-text.text-muted
         = s_('TagsPage|Existing branch name, tag, or commit SHA')

app/views/shared/groups/_dropdown.html.haml

@@ -12,7 +12,7 @@
   %button.dropdown-menu-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
     %span.dropdown-label
       = options_hash[default_sort_by]
-    = 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
     %li.dropdown-header
       = _("Sort by")

app/views/shared/members/_group.html.haml

@@ -27,7 +27,7 @@
           data: { toggle: "dropdown", field_name: "group_link[group_access]" } }
           %span.dropdown-toggle-text
             = group_link.human_access
-          = icon("chevron-down")
+          = sprite_icon("chevron-down", css_class: "dropdown-menu-toggle-icon gl-top-3")
         .dropdown-menu.dropdown-select.dropdown-menu-right.dropdown-menu-selectable
           = dropdown_title(_("Change permissions"))
           .dropdown-content

app/views/shared/members/_member.html.haml

@@ -79,7 +79,7 @@
                 data: { toggle: "dropdown", field_name: "#{f.object_name}[access_level]", qa_selector: "access_level_dropdown" } }
                 %span.dropdown-toggle-text
                   = member.human_access
-                = icon("chevron-down")
+                = sprite_icon("chevron-down", css_class: "dropdown-menu-toggle-icon gl-top-3")
               .dropdown-menu.dropdown-select.dropdown-menu-right.dropdown-menu-selectable
                 = dropdown_title(_("Change permissions"))
                 .dropdown-content

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

@@ -5,7 +5,7 @@
   .btn-group.w-100.dropdown.js-project-filter-dropdown-wrap{ role: "group" }
     %button#sort-projects-dropdown.btn.btn-default.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' } }
       = toggle_text
-      = 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
       %li.dropdown-header
         = _("Sort by")

changelogs/unreleased/224509-replace-fa-chevron-down-with-gitlab-svg-chevron-down-icon.yml

+---
+title: Replace fa-chevron-down with GitLab SVG in dropdowns
+merge_request: 48171
+author:
+type: changed