From c245a667d279066ee819230ec373ee0502c0e0f4 Mon Sep 17 00:00:00 2001
From: Kushal Pandya <kushal@gitlab.com>
Date: Thu, 8 Dec 2016 16:07:30 +0530
Subject: [PATCH] Add autoscroll status indicator animation

---
 app/assets/stylesheets/pages/builds.scss | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/pages/builds.scss b/app/assets/stylesheets/pages/builds.scss
index 0185491bc93..ece9568cba3 100644
--- a/app/assets/stylesheets/pages/builds.scss
+++ b/app/assets/stylesheets/pages/builds.scss
@@ -1,3 +1,8 @@
+@keyframes fade-out-status {
+  0%, 50% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
 .build-page {
   pre.trace {
     background: $builds-trace-bg;
@@ -84,6 +89,10 @@
           font-weight: normal;
           line-height: 1.8;
           transition: opacity 1s ease-out;
+
+          &.animate {
+            animation: fade-out-status 2s ease;
+          }
         }
 
         &:hover label {
@@ -99,21 +108,6 @@
         right: #{$gutter_width + ($gl-padding * 2)};
       }
     }
-
-    @media (max-width: $screen-sm-max) {
-      .scroll-link {
-        padding: 6px 13px;
-      }
-
-      i.fa {
-        margin-right: 0;
-      }
-
-      .scroll-step-label,
-      .status-message label {
-        display: none;
-      }
-    }
   }
 
   .environment-information {
-- 
GitLab