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 @@ ...@@ -59,37 +59,39 @@
opacity: 0 opacity: 0
.uploading.images .uploading.images
.detail .detail
.progress .image
position: absolute position: relative
top: -4px .progress
left: 0 position: absolute
right: 0 top: -4px
height: 4px left: 0
display: block right: 0
background-color: rgba(255, 193, 7, 0.2) height: 4px
overflow: hidden display: block
transition: opacity 400ms background-color: rgba(255, 193, 7, 0.2)
.indeterminate overflow: hidden
background-color: rgba(255, 193, 7, 0.8) transition: opacity 400ms
&::before .indeterminate
content: '' background-color: rgba(255, 193, 7, 0.8)
position: absolute &::before
background-color: inherit content: ''
top: 0 position: absolute
left: 0 background-color: inherit
bottom: 0 top: 0
will-change: left, right left: 0
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite bottom: 0
&::after will-change: left, right
content: '' animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
position: absolute &::after
background-color: inherit content: ''
top: 0 position: absolute
left: 0 background-color: inherit
bottom: 0 top: 0
will-change: left, right left: 0
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite bottom: 0
animation-delay: 1.125s 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 &:not(.uploading) .progress
opacity: 0 opacity: 0
&.submitted .container.centered &.submitted .container.centered
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment