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

refactor(popover): change show transition time from .1s to .15s

Browse Source
This commit is contained in:
07akioni 2019-09-12 11:58:04 +08:00
parent 3881d97857
commit f2ae21f54e
1 changed files with 3 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
styles/Popover.scss
View File

@ -1,8 +1,6 @@
@import "./mixins/mixins.scss";
@import "./theme/default.scss";
$popover-arrow-width: 6px;
$popover-bg-color: rgba(75, 81, 106, 1);
$popover-distance: $popover-arrow-width - 1 + 14;
.n-popover__raw-content, .n-popover__content {
&.n-popover-fade-enter-active,
@ -11,14 +9,14 @@ $popover-distance: $popover-arrow-width - 1 + 14;
opacity: 1;
}
&.n-popover-fade-enter-active {
transition: opacity .1s $fast-in-cubic-bezier, transform .1s $fast-in-cubic-bezier;
transition: opacity .15s $fast-in-cubic-bezier, transform .15s $fast-in-cubic-bezier;
}
&.n-popover-fade-enter, &.n-popover-fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
transform: scale(.9);
}
&.n-popover-fade-leave-to {
transition: opacity .1s $slow-out-cubic-bezier, transform .1s $slow-out-cubic-bezier;
transition: opacity .15s $slow-out-cubic-bezier, transform .15s $slow-out-cubic-bezier;
}
}
.n-popover__content {
@ -195,84 +193,3 @@ $popover-distance: $popover-arrow-width - 1 + 14;
}
}
}
// [n-placement$="top-start"] .n-popover__arrow {
// left: $popover-distance;
// }
// [n-placement$="top-end"] .n-popover__arrow {
// right: $popover-distance;
// left: unset;
// }
// [n-placement$="top"] .n-popover__arrow:after {
// content: " ";
// margin-left: -$popover-arrow-width;
// border-bottom-width: 0;
// border-top-width: $popover-arrow-width;
// border-top-color: $popover-bg-color;
// }
// [n-placement$="right"] .n-popover__arrow {
// left: 0%;
// top: 50%;
// border: 0;
// }
// [n-placement$="right-start"] .n-popover__arrow {
// top: 13px;
// }
// [n-placement$="right-end"] .n-popover__arrow {
// bottom: 13px;
// top: unset;
// }
// [n-placement$="right"] .n-popover__arrow:after {
// content: " ";
// left: -$popover-arrow-width;
// margin-top: -$popover-arrow-width;
// border-left-width: 0;
// border-right-width: $popover-arrow-width;
// border-right-color: $popover-bg-color;
// }
// [n-placement$="bottom"] .n-popover__arrow {
// left: 50%;
// top: 0%;
// border: 0;
// }
// [n-placement$="bottom-start"] .n-popover__arrow {
// left: $popover-distance;
// }
// [n-placement$="bottom-end"] .n-popover__arrow {
// right: $popover-distance;
// left: unset;
// }
// [n-placement$="bottom"] .n-popover__arrow:after {
// content: " ";
// top: -($popover-arrow-width);
// margin-left: -$popover-arrow-width;
// border-top-width: 0;
// border-bottom-width: $popover-arrow-width;
// border-bottom-color: $popover-bg-color;
// }
// [n-placement$="left"] .n-popover__arrow {
// right: 0%;
// top: 50%;
// border: 0;
// }
// [n-placement$="left-start"] .n-popover__arrow {
// top: 13px;
// }
// [n-placement$="left-end"] .n-popover__arrow {
// bottom: 13px;
// top: unset;
// }
// [n-placement$="left"] .n-popover__arrow:after {
// content: " ";
// top: 0;
// right: -($popover-arrow-width);
// margin-top: -$popover-arrow-width;
// border-right-width: 0;
// border-left-width: $popover-arrow-width;
// border-left-color: $popover-bg-color;
// bottom: $popover-arrow-width;
// }
// .n-popover--word_wrap {
// white-space: pre-wrap;
// text-align: justify;
// }