p96170835
/
amis
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

tooltip 支持换行

This commit is contained in:
liaoxuezhi 2020-06-13 18:31:54 +08:00
parent 212162a42a
commit b5152cdf7b
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
scss/components/_tooltip.scss
View File

@ -68,8 +68,7 @@
.#{$ns}Tooltip-arrow::before, .#{$ns}Tooltip-arrow::before,
.#{$ns}Tooltip-arrow::after { .#{$ns}Tooltip-arrow::after {
border-width: ($Tooltip-arrow-width / 2) $Tooltip-arrow-height border-width: ($Tooltip-arrow-width / 2) $Tooltip-arrow-height ($Tooltip-arrow-width / 2) 0;
($Tooltip-arrow-width / 2) 0;
} }
.#{$ns}Tooltip-arrow::before { .#{$ns}Tooltip-arrow::before {
@ -92,8 +91,7 @@
.#{$ns}Tooltip-arrow::before, .#{$ns}Tooltip-arrow::before,
.#{$ns}Tooltip-arrow::after { .#{$ns}Tooltip-arrow::after {
border-width: 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height border-width: 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height ($Tooltip-arrow-width / 2);
($Tooltip-arrow-width / 2);
} }
.#{$ns}Tooltip-arrow::before { .#{$ns}Tooltip-arrow::before {
@ -133,8 +131,7 @@
.#{$ns}Tooltip-arrow::before, .#{$ns}Tooltip-arrow::before,
.#{$ns}Tooltip-arrow::after { .#{$ns}Tooltip-arrow::after {
border-width: ($Tooltip-arrow-width / 2) 0 ($Tooltip-arrow-width / 2) border-width: ($Tooltip-arrow-width / 2) 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height;
$Tooltip-arrow-height;
} }
.#{$ns}Tooltip-arrow::before { .#{$ns}Tooltip-arrow::before {
@ -189,7 +186,9 @@
font-size: $Tooltip--attr-fontSize; font-size: $Tooltip--attr-fontSize;
line-height: $Tooltip--attr-lineHeigt; line-height: $Tooltip--attr-lineHeigt;
text-align: left; text-align: left;
white-space: nowrap; white-space: normal;
width: max-content;
max-width: 300px;
background: $Tooltip--attr-bg; background: $Tooltip--attr-bg;
border: $Tooltip--attr-borderWidth solid $Tooltip--attr-borderColor; border: $Tooltip--attr-borderWidth solid $Tooltip--attr-borderColor;
border-radius: $Tooltip--attr-borderRadius; border-radius: $Tooltip--attr-borderRadius;
@ -200,6 +199,11 @@
display: none; display: none;
animation-duration: 0.2s; animation-duration: 0.2s;
animation-fill-mode: both; animation-fill-mode: both;
@media screen and (min-width:0\0) {
white-space: nowrap;
max-width: unset;
}
} }
&:not(.is-disabled):hover:after { &:not(.is-disabled):hover:after {
@ -248,4 +252,4 @@
content: ''; content: '';
display: none !important; display: none !important;
} }
} }