Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-01-23 02:25:07 +00:00
Code Issues Projects Releases Wiki Activity

fix Dashboard open/close animation on small screen

Browse source
This commit is contained in:
Artur Paikin 2018-06-10 13:39:47 -04:00
parent ba487a78e7
commit 982d27f626
1 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/scss/_dashboard.scss
View file

@ -23,13 +23,27 @@
to { transform: translate3d(-50%, -50%, 0); opacity: 1; }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
from { transform: translate3d(0, -20%, 0); opacity: 0; }
to { transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes uppy-Dashboard-slideUpFadeOut {
from { transform: translate3d(-50%, -50%, 0); opacity: 1; }
to { transform: translate3d(-50%, -70%, 0); opacity: 0; }
}
@keyframes uppy-Dashboard-slideUpFadeOut--small {
from { transform: translate3d(0, 0, 0); opacity: 1; }
to { transform: translate3d(0, -20%, 0); opacity: 0; }
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, .2, 1);
animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, .2, 1);
@media #{$screen-medium} {
animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, .2, 1);
}
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
@ -37,7 +51,11 @@
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, .2, 1);
animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, .2, 1);
@media #{$screen-medium} {
animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, .2, 1);
}
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {