jinghu-moon/typora-see-yue-theme

1.4版本关于目录的问题

Closed this issue · 3 comments

系统:win10
主题版本:1.4
时间:2023.6.6

问题:如果打开的页面缩小(即宽度变小),目录的内容会自动跳到下一行,然而右边还有很大的空间
这是正常的:
image

当我缩小页面宽度时:
image

当我进一步缩小页面宽度时:
image
如图所示,右边还有较大的空间
需求:我希望我可以设置这个蓝色框框内的范围,比如页面缩短到多少长度时会进行换行

抱歉,最近在忙着考试,没看到 issues。

xxxx-configs.css 提供了修改目录标题透明边框的代码,如下:

  /* ======================== 其他设置 ======================== */
  /* 正文目录标题悬浮背景颜色 */
  --hover-contents-headline-bg-color    : #fff;
  /* 增大一级标题 tab 的宽度,开发者习惯一级标题用一个 Tab 距离分隔章节和章节名 */
  --contents-h1-tab-space               : 2px transparent solid;
  /* 1 ~ 6 级标题右侧透明边框,扩大用户可点击范围,使用 border-right 实现 */
  --contents-h1-click-right-border-width: 370px;
  --contents-h2-click-right-border-width: 400px;
  --contents-h3-click-right-border-width: 340px;
  --contents-h4-click-right-border-width: 300px;
  --contents-h5-click-right-border-width: 250px;
  --contents-h6-click-right-border-width: 220px;

此代码是为了增加标题的点击范围。标题过长,就会出现你提到的情况。

抱歉,最近在忙着考试,没看到 issues。

xxxx-configs.css 提供了修改目录标题透明边框的代码,如下:

  /* ======================== 其他设置 ======================== */
  /* 正文目录标题悬浮背景颜色 */
  --hover-contents-headline-bg-color    : #fff;
  /* 增大一级标题 tab 的宽度,开发者习惯一级标题用一个 Tab 距离分隔章节和章节名 */
  --contents-h1-tab-space               : 2px transparent solid;
  /* 1 ~ 6 级标题右侧透明边框,扩大用户可点击范围,使用 border-right 实现 */
  --contents-h1-click-right-border-width: 370px;
  --contents-h2-click-right-border-width: 400px;
  --contents-h3-click-right-border-width: 340px;
  --contents-h4-click-right-border-width: 300px;
  --contents-h5-click-right-border-width: 250px;
  --contents-h6-click-right-border-width: 220px;

此代码是为了增加标题的点击范围。标题过长,就会出现你提到的情况。

image
问题目前得到解决🌹

好的