优化 tooltip 在 safari 里面的显示效果

This commit is contained in:
2betop 2020-06-24 12:19:30 +08:00
parent 4b79a4fde4
commit 8357bae61c
1 changed files with 9 additions and 5 deletions

View File

@ -68,7 +68,8 @@
.#{$ns}Tooltip-arrow::before,
.#{$ns}Tooltip-arrow::after {
border-width: ($Tooltip-arrow-width / 2) $Tooltip-arrow-height ($Tooltip-arrow-width / 2) 0;
border-width: ($Tooltip-arrow-width / 2) $Tooltip-arrow-height
($Tooltip-arrow-width / 2) 0;
}
.#{$ns}Tooltip-arrow::before {
@ -91,7 +92,8 @@
.#{$ns}Tooltip-arrow::before,
.#{$ns}Tooltip-arrow::after {
border-width: 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height ($Tooltip-arrow-width / 2);
border-width: 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height
($Tooltip-arrow-width / 2);
}
.#{$ns}Tooltip-arrow::before {
@ -131,7 +133,8 @@
.#{$ns}Tooltip-arrow::before,
.#{$ns}Tooltip-arrow::after {
border-width: ($Tooltip-arrow-width / 2) 0 ($Tooltip-arrow-width / 2) $Tooltip-arrow-height;
border-width: ($Tooltip-arrow-width / 2) 0 ($Tooltip-arrow-width / 2)
$Tooltip-arrow-height;
}
.#{$ns}Tooltip-arrow::before {
@ -188,6 +191,7 @@
text-align: left;
white-space: normal;
width: max-content;
box-sizing: content-box;
max-width: 300px;
background: $Tooltip--attr-bg;
border: $Tooltip--attr-borderWidth solid $Tooltip--attr-borderColor;
@ -200,7 +204,7 @@
animation-duration: 0.2s;
animation-fill-mode: both;
@media screen and (min-width:0\0) {
@media screen and (min-width: 0\0) {
white-space: nowrap;
max-width: unset;
}
@ -252,4 +256,4 @@
content: '';
display: none !important;
}
}
}