Commit c245a667 authored by Kushal Pandya's avatar Kushal Pandya

Add autoscroll status indicator animation

parent ba63e4f1
@keyframes fade-out-status {
0%, 50% { opacity: 1; }
100% { opacity: 0; }
}
.build-page { .build-page {
pre.trace { pre.trace {
background: $builds-trace-bg; background: $builds-trace-bg;
...@@ -84,6 +89,10 @@ ...@@ -84,6 +89,10 @@
font-weight: normal; font-weight: normal;
line-height: 1.8; line-height: 1.8;
transition: opacity 1s ease-out; transition: opacity 1s ease-out;
&.animate {
animation: fade-out-status 2s ease;
}
} }
&:hover label { &:hover label {
...@@ -99,21 +108,6 @@ ...@@ -99,21 +108,6 @@
right: #{$gutter_width + ($gl-padding * 2)}; 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 { .environment-information {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment