summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/pages/builds.scss
diff options
context:
space:
mode:
authorKushal Pandya <kushal@gitlab.com>2016-12-08 16:07:30 +0530
committerKushal Pandya <kushal@gitlab.com>2016-12-21 13:16:17 +0530
commitc245a667d279066ee819230ec373ee0502c0e0f4 (patch)
tree5dc4af4ca7610b7e6c306d83e8f8d6abb566b023 /app/assets/stylesheets/pages/builds.scss
parentba63e4f1ed9f8d8e452a80c6f96b50c5487510c8 (diff)
downloadgitlab-ce-c245a667d279066ee819230ec373ee0502c0e0f4.tar.gz
Add autoscroll status indicator animation
Diffstat (limited to 'app/assets/stylesheets/pages/builds.scss')
-rw-r--r--app/assets/stylesheets/pages/builds.scss24
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 {