maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[deploy] Bringing back the original progress bar (#9019)

Browse source 
* flare tag line height

* .

* dropdown fix + actions bar fix

* actions bar on mob

* .

* .
This commit is contained in:
ludwiczakpawel 2020-06-30 23:18:38 +02:00 • committed by GitHub
parent dba270f02e
commit 2c0245dd5c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
app/assets/stylesheets/shared.scss
View file

@ -188,32 +188,25 @@
}
.navigation-progress {
--duration: 3600ms;
--delay: 250ms;
position: fixed;
top: 0;
// background: var(--accent-brand);
// box-shadow: 0 -2px var(--su-1) var(--accent-brand);
background: linear-gradient(
to right,
orange,
yellow,
green,
cyan,
blue,
violet
);
background: var(--accent-brand);
z-index: 103;
height: var(--su-1);
width: 0%;
width: 0;
&.showing {
display: block;
width: 100%;
animation: grow-width 3200ms ease-out;
animation: showProgressBar var(--duration) ease-in-out;
animation-delay: var(--delay);
animation-fill-mode: forwards;
}
}
@keyframes grow-width {
@keyframes showProgressBar {
0% {
width: 0%;
width: 0;
}
100% {
width: 100%;