fix: animation
This commit is contained in:
@@ -12,9 +12,9 @@ export const SDK_CSS = `
|
||||
overflow: hidden !important;
|
||||
position: fixed !important;
|
||||
transition: opacity 0.2s linear, transform 0.25s linear,
|
||||
width 0.2s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
height 0.2s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
width 0.18s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
height 0.18s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
max-height 0.18s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
z-index: 2147483000 !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -21,7 +21,7 @@ import {
|
||||
|
||||
// Keep in sync with the widget holder width/height transition in sdk.js. The
|
||||
// article view is masked for this long so the iframe can reflow off-screen.
|
||||
const ARTICLE_VIEW_RESIZE_DURATION = 200;
|
||||
const ARTICLE_VIEW_RESIZE_DURATION = 180;
|
||||
import { useDarkMode } from 'widget/composables/useDarkMode';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { useAvailability } from 'widget/composables/useAvailability';
|
||||
|
||||
@@ -34,7 +34,7 @@ onBeforeUnmount(() => emitter.off(ON_ARTICLE_VIEW_RESIZING, setResizing));
|
||||
<div
|
||||
class="absolute inset-0 bg-white dark:bg-slate-900 pointer-events-none"
|
||||
:class="
|
||||
isResizing ? 'opacity-100' : 'opacity-0 transition-opacity duration-200'
|
||||
isResizing ? 'opacity-100' : 'opacity-0 transition-opacity duration-100'
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user