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

把所有伪元素提示更换成悬浮提示,并添加 data-id #11502

Open
TCOTC opened this issue May 22, 2024 · 4 comments
Open

把所有伪元素提示更换成悬浮提示,并添加 data-id #11502

TCOTC opened this issue May 22, 2024 · 4 comments

Comments

@TCOTC
Copy link
Contributor

TCOTC commented May 22, 2024

需要先实现 #11440

In what scenarios do you need this feature?

可以通过代码片段更改所有悬浮提示的样式,但伪元素和悬浮提示的样式不能统一就很难受。

还有一个问题是伪元素容易被遮挡,比如用 CSS 修改了行距后:

image


伪元素:

侧边栏按钮和侧边面板里的按钮:

image

image

image

image

某些元素的右上角按钮:

image

某些浮窗上的按钮:

image

emoji 面板按钮:

image

集市:

image

工具栏:

image

.layout__resize 元素的层级比工具栏高还会导致:
c5c33cbaf8d407f271e383a8127c03ed

通知:

image

……

Describe the optimal solution

换成悬浮提示:

image

image

@TCOTC TCOTC changed the title 把伪元素换成悬浮提示 把伪元素提示换成悬浮提示 May 22, 2024
@Vanessa219
Copy link
Member

Vanessa219 commented May 22, 2024

太多了,要不先换一下样式?

其实伪元素更方便使用 css 来进行显示与否的修改。

@TCOTC
Copy link
Contributor Author

TCOTC commented May 22, 2024

其实伪元素更方便使用 css 来进行显示与否的修改。

伪元素的选择器不同是有点麻烦的,感觉不如 改成悬浮提示之后加类名 灵活,不过 加类名 怎么实现也是个问题,还是等我自己研究一下 #11440 再决定好了。

这个 issue 暂时先放着

@Lethe20
Copy link

Lethe20 commented May 22, 2024

一些固定不变的提示,使用伪元素的方案,对于系统资源的占用会不会少一点?因为提示仅限于css,不涉及javascript。

@TCOTC
Copy link
Contributor Author

TCOTC commented May 22, 2024

使用伪元素的方案,对于系统资源的占用会不会少一点?

体感上应该没什么差别

@TCOTC TCOTC changed the title 把伪元素提示换成悬浮提示 💥把伪元素提示换成悬浮提示 Aug 10, 2024
@88250 88250 changed the title 💥把伪元素提示换成悬浮提示 把伪元素提示换成悬浮提示 Aug 11, 2024
@TCOTC TCOTC changed the title 把伪元素提示换成悬浮提示 把所有伪元素提示更换成悬浮提示 Sep 20, 2024
@TCOTC TCOTC changed the title 把所有伪元素提示更换成悬浮提示 把所有伪元素提示更换成悬浮提示,并添加 data-id Sep 24, 2024
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

3 participants