fix(component): stack notification cards expand animation (#4962)

This commit is contained in:
Cats Juice
2023-11-18 00:32:06 +08:00
committed by GitHub
parent 5fea0102fb
commit ce7a691eef
@@ -60,9 +60,9 @@ export const notificationStyle = style({
opacity: 1, opacity: 1,
height: 'var(--front-toast-height)', height: 'var(--front-toast-height)',
vars: { vars: {
'--scale': 'var(--toasts-before)* 0.05 + 1', '--scale': 'calc(1 - var(--toasts-before)* 0.05)',
'--y': '--y':
'translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)))', 'translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(var(--scale))',
}, },
}, },
'&[data-mounted=true][data-expanded=true]': { '&[data-mounted=true][data-expanded=true]': {