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

This commit is contained in:
2betop 2020-06-24 12:19:30 +08:00
parent 4b79a4fde4
commit 8357bae61c

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;