Bullet Point Relationship Lines in Obsidian

2021-03-16 13:06:00 +08:00
 raawaa

有些 Obsidian 主题的无序列表没有竖参考线。这个我个人觉得还是很必要的,在列表比较长的时候可以看清楚内容层级。

尝试自己添加了一下,在网上搜了一下,有现成的代码可以用,立此存照。

/*=== Bullet Point Relationship Lines ===*/

.cm-hmd-list-indent .cm-tab,
ul ul {
  position: relative;
}

.cm-hmd-list-indent .cm-tab::before,
ul ul::before {
  content: "";
  border-left: 1px solid rgb(245, 200, 200);
  position: absolute;
}

.cm-hmd-list-indent .cm-tab::before {
  left: 0;
  top: -5px;
  bottom: -4px;
}

ul ul::before {
  left: -15px;  /* 可手动微调竖线的左右位置 */
  top: 0;
  bottom: 0;
}

效果如下:

1978 次点击
所在节点    程序员
2 条回复
dartabe
2021-03-16 14:22:59 +08:00
顶一个 我也觉得竖参考线很有必要
fangpeishi
2021-03-16 14:23:50 +08:00
cool

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/762090

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX