Drag down to dissmiss upload on mobile

This commit is contained in:
Michał Gdula 2023-03-30 19:53:48 +00:00
parent c2e42e7179
commit cf65b8d309
3 changed files with 87 additions and 9 deletions

View file

@ -56,7 +56,6 @@
z-index: +1
.container
padding: 1rem
@ -78,6 +77,31 @@
transition: left 0.25s cubic-bezier(0.76, 0, 0.17, 1), bottom 0.25s cubic-bezier(0.76, 0, 0.17, 1), opacity 0.25s cubic-bezier(0.76, 0, 0.17, 1)
#dragIndicator
display: none
position: absolute
top: 0
left: 0
width: 100%
height: 3rem
z-index: +1
&::after
content: ''
width: 8rem
height: 3px
position: absolute
top: 0.5rem
left: 50%
transform: translate(-50%, -50%)
background-color: RGB($bg-400)
border-radius: $rad-inner
.upload-jobs
display: flex
flex-direction: column
@ -197,6 +221,9 @@
border-radius: $rad $rad 0 0
#dragIndicator
display: block
&.open
.container
left: 0