Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip的箭头比较大,箭头根部还有一条线,整体看上去不如原来好看 #35358

Closed
semdy opened this issue May 2, 2022 · 4 comments
Assignees

Comments

@semdy
Copy link

semdy commented May 2, 2022

Reproduction link

https://codesandbox.io/s/u2yb3m

Steps to reproduce

直接看ant.design的Tooltip的示例

What is expected?

保持跟原来类似的样式,缩小箭头大小

What is actually happening?

箭头比较大,箭头根部有一条黑线,看上去箭头跟矩形容器不是一个整体

Environment Info
antd 4.20.2
React react 16.13.1
System win10 x64
Browser chrome 90
@cyndra0
Copy link

cyndra0 commented May 3, 2022

这个应该是跟 dpr 有关系,我系统上设置了 150% 的显示缩放看到的效果是这样的:
image,没设置的话样式正常。

@semdy
Copy link
Author

semdy commented May 3, 2022

这个应该是跟 dpr 有关系,我系统上设置了 150% 的显示缩放看到的效果是这样的: image,没设置的话样式正常。

箭头跟矩形有1px的重合,由于箭头和矩形都是0.75的透明度,重合部分就是全黑的,因此会看到一条黑线。箭头比以前大了,不知道故意这么设计的还是bug。

@MadCcc MadCcc mentioned this issue May 6, 2022
19 tasks
@afc163
Copy link
Member

afc163 commented May 7, 2022

PR 里没关联 close xxx,所以没自动关。

@afc163 afc163 closed this as completed May 7, 2022
@yunsii
Copy link

yunsii commented Sep 6, 2023

image
image
现在还是有些问题,只在向下弹出会这样,绝了。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants