forked from p96170835/amis
优化 tooltip 在 safari 里面的显示效果
This commit is contained in:
parent
4b79a4fde4
commit
8357bae61c
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue