jinghu-moon / typora-see-yue-theme

See Yue 系列主题是一个自定义样式极多、简约、充满细节的 Typora 主题。(The See Yue series theme is a Typora theme with a plethora of custom styles, minimalism, and full of details.)
https://theme.typora.io/theme/see-yue/
190 stars 19 forks source link

1.4版本关于目录的问题 #43

Closed Aurora-kite closed 1 year ago

Aurora-kite commented 1 year ago

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

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

当我缩小页面宽度时: image

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

jinghu-moon commented 1 year ago

抱歉,最近在忙着考试,没看到 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;

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

Aurora-kite commented 1 year ago

抱歉,最近在忙着考试,没看到 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 问题目前得到解决🌹

jinghu-moon commented 1 year ago

好的