mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-30 12:52:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(nofitication): leave transition bezier

Browse Source
This commit is contained in:
07akioni 2020-10-08 04:50:51 +08:00
parent ec1c5a7fc4
commit 4d7f3bd218
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/notification/src/styles/themed-base.cssr.js
View File

@ -59,7 +59,9 @@ export default c([
]),
({ props }) => {
const {
cubicBezierEaseOut
cubicBezierEaseOut,
cubicBezierEaseIn,
cubicBezierEaseInOut
} = props.$base
const {
color,
@ -80,13 +82,13 @@ export default c([
background-color: ${color};
color: ${textColor};
transition:
background-color .3s ${cubicBezierEaseOut},
color .3s ${cubicBezierEaseOut},
opacity .3s ${cubicBezierEaseOut},
background-color .3s ${cubicBezierEaseInOut},
color .3s ${cubicBezierEaseInOut},
opacity .3s ${cubicBezierEaseInOut},
transform .3s ${cubicBezierEaseOut},
max-height .3s ${cubicBezierEaseOut},
max-height .3s ${cubicBezierEaseInOut},
margin-bottom .3s linear,
box-shadow .3s ${cubicBezierEaseOut};
box-shadow .3s ${cubicBezierEaseInOut};
font-family: inherit;
font-size: 14px;
font-weight: 400;
@ -122,6 +124,18 @@ export default c([
transform: translateX(0);
`
}),
c('&-transition-leave-active', {
raw: `
transition:
background-color .3s ${cubicBezierEaseInOut},
color .3s ${cubicBezierEaseInOut},
opacity .3s ${cubicBezierEaseInOut},
transform .3s ${cubicBezierEaseIn},
max-height .3s ${cubicBezierEaseInOut},
margin-bottom .3s linear,
box-shadow .3s ${cubicBezierEaseInOut};
`
}),
cM('show-avatar', [
cB('notification-main', {
raw: `