override a:focus styles. fix Commit page pipeline icon

app/assets/stylesheets/framework/common.scss

@@ -9,6 +9,7 @@
 .text-plain:hover {
   color: $gl-text-color;
 }
+
 .text-secondary {
   color: $gl-text-color-secondary;
 }

app/assets/stylesheets/framework/icons.scss

 .ci-status-icon-success,
 .ci-status-icon-passed {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $green-500;
   }
 }
 .ci-status-icon-failed {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $gl-danger;
   }
 }
@@ -17,14 +19,16 @@
 .ci-status-icon-failed_with_warnings,
 .ci-status-icon-success_with_warnings {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $orange-500;
   }
 }
 .ci-status-icon-running {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $blue-400;
   }
 }
@@ -33,7 +37,8 @@
 .ci-status-icon-disabled,
 .ci-status-icon-not-found {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $gl-text-color;
   }
 }
@@ -41,14 +46,16 @@
 .ci-status-icon-created,
 .ci-status-icon-skipped {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $gray-darkest;
   }
 }
 .ci-status-icon-manual {
   &,
-  &:hover {
+  &:hover,
+  &:focus {
     color: $gl-text-color;
   }
 }

app/views/projects/commit/_commit_box.html.haml

@@ -67,8 +67,8 @@
   - if @commit.last_pipeline
     - last_pipeline = @commit.last_pipeline
     .well-segment.pipeline-info
-      .status-icon-container{ class: "ci-status-icon-#{last_pipeline.status}" }
-        = link_to project_pipeline_path(@project, last_pipeline.id) do
+      .status-icon-container
+        = link_to project_pipeline_path(@project, last_pipeline.id), class: "ci-status-icon-#{last_pipeline.status}" do
           = ci_icon_for_status(last_pipeline.status)
       #{ _('Pipeline') }
       = link_to "##{last_pipeline.id}", project_pipeline_path(@project, last_pipeline.id)