fix: Smoothens out opening animation for widget (#2789)

This commit is contained in:
Nithin David Thomas 2021-08-14 08:40:29 +05:30 committed by GitHub
parent e09941db1c
commit 70d41ffcdd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 56 additions and 23 deletions

View file

@ -1,10 +1,11 @@
export const SDK_CSS = `.woot-widget-holder {
box-shadow: 0 5px 40px rgba(0, 0, 0, .16) !important;
opacity: 1;
will-change: transform, opacity;
transform: translateY(0);
overflow: hidden !important;
position: fixed !important;
transition-duration: 0.5s, 0.5s;
transition-property: opacity, bottom;
transition: opacity 0.2s linear, transform 0.25s linear;
z-index: 2147483000 !important;
}
@ -111,7 +112,8 @@ export const SDK_CSS = `.woot-widget-holder {
}
.woot--hide {
bottom: -20000px !important;
bottom: -100vh;
transform: translateY(40px);
top: unset !important;
opacity: 0;
visibility: hidden !important;