Fix the edit button color back to blue

Add important! to btn-link class to override gl-button styling.

app/assets/stylesheets/pages/issuable.scss

@@ -166,6 +166,14 @@
     color: inherit;
   }
 
+  // TODO remove this class once we can generate a correct hover utility from `gitlab/ui`,
+  // see here: https://gitlab.com/gitlab-org/gitlab/-/merge_requests/39286#note_396767000
+  .btn-link-hover:hover {
+    * {
+      @include gl-text-blue-800;
+    }
+  }
+
   .issuable-header-text {
     margin-top: 7px;
   }

ee/app/assets/javascripts/sidebar/components/iteration_select.vue

@@ -171,7 +171,7 @@ export default {
       <gl-button
         v-if="canEdit"
         variant="link"
-        class="js-sidebar-dropdown-toggle edit-link gl-shadow-none float-right"
+        class="js-sidebar-dropdown-toggle edit-link gl-shadow-none float-right gl-reset-color! btn-link-hover"
         data-testid="iteration-edit-link"
         data-track-label="right_sidebar"
         data-track-property="iteration"

ee/changelogs/unreleased/235158-fix-iteration-button-color.yml

+---
+title: Fix Iteration Edit button color to black
+merge_request: 39286
+author:
+type: fixed