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.

Sign up for GitHub

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

Jump to bottom

[Balloon][QUESTION]Balloon的箭头为什么还是用before实现 #4186

Closed
xmsz opened this issue Nov 15, 2022 · 3 comments · Fixed by #4540
Closed

[Balloon][QUESTION]Balloon的箭头为什么还是用before实现 #4186

xmsz opened this issue Nov 15, 2022 · 3 comments · Fixed by #4540
Assignees
@YSMJ1994
Labels
improvement improve some features Next release issues to close in next release

Comments

@xmsz
Copy link

xmsz commented Nov 15, 2022

Component

Balloon

Feature Description

背景

  • 使用Balloon，然后希望是半透明颜色
  • 但是没办法实现，因为Ballon的箭头是用before写的，会叠加到内容区域

image

和https://github.com//pull/2403 这个是一样的需求 - 而Balloon.Tooltip是正常的。但由于需要关闭按钮，所以没办法用Tooltip

需求

  • 为什么Balloon的箭头不是和Tooltip一样通过div裁剪实现，还是用before
@lakerswgq
Copy link
Contributor

你们现在怎么去做半透明的

@lakerswgq lakerswgq added the 💡 Feature Request New feature or request label Dec 1, 2022
@YSMJ1994 YSMJ1994 added the Next release issues to close in next release label Nov 17, 2023
@YSMJ1994
Copy link
Contributor

YSMJ1994 commented Nov 17, 2023 •
edited

需求：参考 Tooltip对于 arrow的实现 #2403 ，调整Balloon的arrow，使半透明弹窗与arrow不会发生颜色重叠

@YSMJ1994 YSMJ1994 assigned YunMeng99 and YSMJ1994 and unassigned YunMeng99 Nov 17, 2023
@YSMJ1994 YSMJ1994 added improvement improve some features and removed 💡 Feature Request New feature or request labels Nov 22, 2023
YSMJ1994 added a commit that referenced this issue Nov 22, 2023
@YSMJ1994
chore(Balloon): implementation of arrow aligned with tooltip and fix …
8a0d6f6 
…tooltip arrow postion when rtl&v2, close #4186
@YSMJ1994 YSMJ1994 mentioned this issue Nov 22, 2023
Merged
@YSMJ1994 YSMJ1994 linked a pull request Nov 22, 2023 that will close this issue
chore(Balloon): implementation of arrow aligned with tooltip and fix … #4540
Merged
YSMJ1994 added a commit that referenced this issue Nov 23, 2023
@YSMJ1994
chore(Balloon): implementation of arrow aligned with tooltip, close #…
f306c4c 
…4186 (#4540)

* chore(Balloon): implementation of arrow aligned with tooltip and fix tooltip arrow postion when rtl&v2, close #4186

* chore(Balloon): add prefix for v2
@YSMJ1994
Copy link
Contributor

Improved at 1.26.34, demo: https://riddle.alibaba-inc.com/riddles/745a99b4

@YSMJ1994 YSMJ1994 mentioned this issue Dec 5, 2023
Closed
owenchen1004 pushed a commit to owenchen1004/next that referenced this issue Dec 5, 2023
@YSMJ1994 @owenchen1004
chore(Balloon): implementation of arrow aligned with tooltip, close a…
9778afc 
…libaba-fusion#4186 (alibaba-fusion#4540)

* chore(Balloon): implementation of arrow aligned with tooltip and fix tooltip arrow postion when rtl&v2, close alibaba-fusion#4186

* chore(Balloon): add prefix for v2
owenchen1004 added a commit to owenchen1004/next that referenced this issue Dec 7, 2023
@owenchen1004
fixed issue alibaba-fusion#4186
0bd05cd
@YSMJ1994 YSMJ1994 mentioned this issue Jan 19, 2024
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@YSMJ1994 YSMJ1994

Labels
improvement improve some features Next release issues to close in next release
Projects
DAILY WORK
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

chore(Balloon): implementation of arrow aligned with tooltip and fix … alibaba-fusion/next
5 participants
@xmsz @lakerswgq @youluna @YSMJ1994 @YunMeng99