test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-03 12:38:53 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
scss/components/_tooltip.scss
View File

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