diff options
author | Kushal Pandya <kushal@gitlab.com> | 2016-12-08 13:37:30 +0300 |
---|---|---|
committer | Kushal Pandya <kushal@gitlab.com> | 2016-12-21 10:46:17 +0300 |
commit | c245a667d279066ee819230ec373ee0502c0e0f4 (patch) | |
tree | 5dc4af4ca7610b7e6c306d83e8f8d6abb566b023 /app/assets/stylesheets/pages/builds.scss | |
parent | ba63e4f1ed9f8d8e452a80c6f96b50c5487510c8 (diff) |
Add autoscroll status indicator animation
Diffstat (limited to 'app/assets/stylesheets/pages/builds.scss')
-rw-r--r-- | app/assets/stylesheets/pages/builds.scss | 24 |
1 files 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 { |