Merge branch 'mw-cleanup-fa-chevron-down-styles' into 'master'

Remove fa-chevron-down styles

See merge request gitlab-org/gitlab!48667

app/assets/stylesheets/fontawesome_custom.scss

@@ -27,10 +27,6 @@
   font-size: 2em;
 }
 
-.fa-chevron-down::before {
-  content: '\f078';
-}
-
 .fa-caret-down::before {
   content: '\f0d7';
 }

app/assets/stylesheets/framework/buttons.scss

@@ -231,8 +231,7 @@
     color: $gray-700;
   }
 
-  .fa-caret-down,
-  .fa-chevron-down {
+  .fa-caret-down {
     margin-left: 5px;
   }
 

app/assets/stylesheets/framework/dropdowns.scss

@@ -16,12 +16,6 @@
   }
 }
 
-@mixin chevron-active {
-  .fa-chevron-down {
-    color: $gray-darkest;
-  }
-}
-
 @mixin set-visible {
   transform: translateY(0);
   display: block;
@@ -56,7 +50,6 @@
 
   .dropdown-toggle,
   .dropdown-menu-toggle {
-    @include chevron-active;
     border-color: $gray-darkest;
   }
 
@@ -114,20 +107,11 @@
     color: $gray-darkest;
   }
 
-  .fa-chevron-down {
-    font-size: $dropdown-chevron-size;
-    position: relative;
-    top: -2px;
-    margin-left: 5px;
-  }
-
   &:hover {
-    @include chevron-active;
     border-color: $gray-darkest;
   }
 
   &:focus:active {
-    @include chevron-active;
     border-color: $dropdown-toggle-active-border-color;
     outline: 0;
   }
@@ -145,12 +129,6 @@
     position: absolute;
   }
 
-  .fa-chevron-down {
-    position: absolute;
-    top: 11px;
-    right: 8px;
-  }
-
   .spinner {
     position: absolute;
     top: 9px;

app/assets/stylesheets/framework/forms.scss

@@ -208,15 +208,6 @@ label {
   position: relative;
 }
 
-.select-wrapper > .fa-chevron-down {
-  position: absolute;
-  font-size: 10px;
-  right: 10px;
-  top: 12px;
-  color: $gray-darkest;
-  pointer-events: none;
-}
-
 .input-icon-wrapper > .input-icon-right {
   position: absolute;
   right: 0.8em;

app/assets/stylesheets/pages/groups.scss

@@ -80,12 +80,6 @@
     .btn-success {
       width: 100%;
     }
-
-    .dropdown .dropdown-toggle .fa-chevron-down {
-      position: absolute;
-      top: 11px;
-      right: 8px;
-    }
   }
 }