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

序号的圆圈太大 & 第一级内容如何标序号 #2

Closed
hdg8087 opened this issue Apr 17, 2022 · 2 comments
Closed

序号的圆圈太大 & 第一级内容如何标序号 #2

hdg8087 opened this issue Apr 17, 2022 · 2 comments

Comments

@hdg8087
Copy link

hdg8087 commented Apr 17, 2022

【1】圆圈序号的圆圈太大,大小和其它序号不成比例。建议把其它序号放大一点,同时把圆圈缩小。

【2】四级大纲处的 1、 序号样式的距离,离文字似乎比其它的序号更远。

【3】右括号那个样式,用的是英文的右括号,可否再增加一个中文的右括号呢?

【4】当切换成如下图2的主题时,主题样式和序号结合起来,不太和谐。当然喽,这是主题的问题,不是插件的问题。这里只是反映一下情况。

【5】第一级内容如何标序号?

image

fdcf9e6d61790f11b105d9c1dc19370

@hdg8087
Copy link
Author

hdg8087 commented Apr 17, 2022

核实了一下,我把所有插件都关掉,还是有上述第2点的效果。。。请教一下我怎么关掉这个效果呢?或者你可否优化一下这个地方?或者帮我看一下是不是这个custom.css中的问题?感谢!

@hdg8087 hdg8087 changed the title 序号的圆圈太大 序号的圆圈太大 & 第一级内容如何标序号 Apr 17, 2022
@sethyuan
Copy link
Owner

sethyuan commented Apr 18, 2022

我尽量依次回答一下吧。

  1. 这个大小设置是为了能很好的容纳下两位数的序号,如果你不喜欢这个样式可以换一个或者自行改CSS。
  2. 顿号引起的视觉错误。
  3. 可以自行通过CSS定义你自己喜欢的序号符号,参考下面我给出的CSS代码。
  4. 我更新了版本,基本兼容了Bullet Threading插件,你可以试试看。
  5. 这个目前没有好的方法实现,欢迎提PR。

自定义有序列表符号示例代码:

.ls-block[data-refs-self*='".ol-right-paren'] > .block-children-container > .block-children > .ls-block > div > div > a + a > .bullet-container::before {
  content: counter(kef-ol) ") ";
}

.ls-block[data-refs-self*='".ol-nested-right-paren'] > .block-children-container > .block-children > .ls-block > div > div > a + a > .bullet-container::before,
.ls-block[data-refs-self*='".ol-nested-right-paren'] .ls-block > div > div > a + a > .bullet-container::before {
  content: counters(kef-ol-nested, ".") ") ";
}

第一段对应普通列表,.ol-right-paren部分可以改为任何以.ol-开头的tag,例如:.ol-mycontent里面的双引号里的内容就是序号采用的符号,你可以按照喜好修改。

第二段对应嵌套列表,修改方法同第一段。

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

2 participants