mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 20:18:08 +00:00
fix: Smoothens out opening animation for widget (#2789)
This commit is contained in:
committed by
GitHub
parent
e09941db1c
commit
70d41ffcdd
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user