Skip to content
Snippets Groups Projects
Commit a9ef2d69 authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Fixed missing upload progress bar

parent 9aed3873
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
assets/sass/_page_upload.sass
+ 33
− 31
View file @ a9ef2d69
......@@ -59,37 +59,39 @@
opacity: 0
.uploading.images
.detail
.progress
position: absolute
top: -4px
left: 0
right: 0
height: 4px
display: block
background-color: rgba(255, 193, 7, 0.2)
overflow: hidden
transition: opacity 400ms
.indeterminate
background-color: rgba(255, 193, 7, 0.8)
&::before
content: ''
position: absolute
background-color: inherit
top: 0
left: 0
bottom: 0
will-change: left, right
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
&::after
content: ''
position: absolute
background-color: inherit
top: 0
left: 0
bottom: 0
will-change: left, right
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
animation-delay: 1.125s
.image
position: relative
.progress
position: absolute
top: -4px
left: 0
right: 0
height: 4px
display: block
background-color: rgba(255, 193, 7, 0.2)
overflow: hidden
transition: opacity 400ms
.indeterminate
background-color: rgba(255, 193, 7, 0.8)
&::before
content: ''
position: absolute
background-color: inherit
top: 0
left: 0
bottom: 0
will-change: left, right
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
&::after
content: ''
position: absolute
background-color: inherit
top: 0
left: 0
bottom: 0
will-change: left, right
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite
animation-delay: 1.125s
&:not(.uploading) .progress
opacity: 0
&.submitted .container.centered
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment