Skip to content

Support list block font size modification #14524

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

Closed
royc01 opened this issue Apr 7, 2025 · 16 comments
Closed

Support list block font size modification #14524

royc01 opened this issue Apr 7, 2025 · 16 comments
Assignees
Milestone

Comments

@royc01
Copy link

royc01 commented Apr 7, 2025

支持列表块修改字号

In what scenarios do you need this feature?

现在包含列表多选或者点击列表的块标操作,均不能修改块的字号,但是套一层超级块就能修改,有点奇怪。

Describe the optimal solution

1

Describe the candidate solution

No response

Other information

No response

@Vanessa219
Copy link
Member

列表前面的圆点大小由字号决定,如果仅设置了一个列表项就会很突出,因此屏蔽了。

Image

@Vanessa219 Vanessa219 closed this as not planned Won't fix, can't repro, duplicate, stale Apr 7, 2025
@royc01
Copy link
Author

royc01 commented Apr 7, 2025

原来如此

@TCOTC
Copy link
Contributor

TCOTC commented Apr 7, 2025

@Vanessa219 加一行这个呢:

Image

Image

@Vanessa219
Copy link
Member

这个好像控制不了列表项单独设置的字体

@TCOTC
Copy link
Contributor

TCOTC commented Apr 7, 2025

没理解,我这边看上去好像没问题

@Vanessa219
Copy link
Member

这个变量是编辑器的,如果选中列表项进行设置了字体大小的话,这个变量就不准确了。

@TCOTC
Copy link
Contributor

TCOTC commented Apr 7, 2025

我这样操作看起来没啥问题的样子:

.protyle .protyle-wysiwyg .li[data-subtype=o] > .protyle-action, .protyle .protyle-wysiwyg .li[data-subtype=u] > .protyle-action, .protyle .protyle-wysiwyg[data-readonly=false] .li[data-subtype=t] > .protyle-action {
    cursor: pointer;
    font-size: var(--b3-font-size-editor);
}
.protyle-util:has(.b3-slider:active, .b3-slider:hover) {
    opacity: 0.1;
}
.protyle-font .fn__none:not(.b3-tooltips) {
    display: block !important;
}
.protyle-font .fn__none.fn__flex:not(.b3-tooltips) {
    display: flex !important;
}
video.webm

另外关联 #10710

@Vanessa219
Copy link
Member

前面的圆点没有跟随字体变大而变大

@TCOTC
Copy link
Contributor

TCOTC commented Apr 8, 2025

这不是符合预期的吗

列表前面的圆点大小由字号决定,如果仅设置了一个列表项就会很突出,因此屏蔽了。

前面的理由就是不让圆点变化

@Vanessa219
Copy link
Member

不让圆点单独变化,如果编辑器字体设置了,还是需要变化的。

@TCOTC
Copy link
Contributor

TCOTC commented Apr 10, 2025

意思是不能让列表块中的列表项的圆点单独变化,但允许整个列表块的圆点都一起变化吗?

@Vanessa219
Copy link
Member

应该是整个文档吧

@TCOTC
Copy link
Contributor

TCOTC commented Apr 13, 2025

那不如用 font-size: var(--b3-font-size-editor);,跟编辑器字号一致

@Vanessa219
Copy link
Member

目前就是和编辑器字号一致。

@TCOTC
Copy link
Contributor

TCOTC commented Apr 14, 2025

目前给列表块、列表项或列表上层的容器块设置字号之后就会不一致了。使用 font-size: var(--b3-font-size-editor); 的话能保证圆点跟编辑器字号一致,并且还能允许设置列表的字号

@Vanessa219
Copy link
Member

如果修改了列表字体的话可能跟随会更好一点,列表项的话就不跟随。

@Vanessa219 Vanessa219 reopened this Apr 15, 2025
@Vanessa219 Vanessa219 changed the title 列表块标-外观支持修改字号 支持列表块修改字号 Apr 15, 2025
Vanessa219 added a commit that referenced this issue Apr 15, 2025
@Vanessa219 Vanessa219 self-assigned this Apr 15, 2025
@Vanessa219 Vanessa219 added this to the 3.1.28 milestone Apr 15, 2025
@88250 88250 changed the title 支持列表块修改字号 Support list block font size modification Apr 16, 2025
Vanessa219 added a commit that referenced this issue Apr 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants