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

Improve upload page 


Signed-off-by: default avatarJanne Koschinski <janne@kuschku.de>
parent ee10fbac
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
assets/sass/_page_upload.sass
+ 42
− 35
View file @ 7b696f62
...@@ -57,41 +57,48 @@ ...@@ -57,41 +57,48 @@
top: 0 top: 0
bottom: 0 bottom: 0
opacity: 0 opacity: 0
.uploading.images .uploading
.detail display: flex
.image flex-direction: row
position: relative .images
.progress display: flex
position: absolute flex-direction: column
top: -4px align-items: stretch
left: 0 flex-grow: 1
right: 0 .detail
height: 4px .image
display: block position: relative
background-color: rgba(255, 193, 7, 0.2) .progress
overflow: hidden position: absolute
transition: opacity 400ms top: -4px
.indeterminate left: 0
background-color: rgba(255, 193, 7, 0.8) right: 0
&::before height: 4px
content: '' display: block
position: absolute background-color: rgba(255, 193, 7, 0.2)
background-color: inherit overflow: hidden
top: 0 transition: opacity 400ms
left: 0 .indeterminate
bottom: 0 background-color: rgba(255, 193, 7, 0.8)
will-change: left, right &::before
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite content: ''
&::after position: absolute
content: '' background-color: inherit
position: absolute top: 0
background-color: inherit left: 0
top: 0 bottom: 0
left: 0 will-change: left, right
bottom: 0 animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
will-change: left, right &::after
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite content: ''
animation-delay: 1.125s 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 &: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