思源的标题能否有颜色粗浅的区分,一直感觉标题的层级感知不强,除了手动标明标题层级,遇到一个标题肉眼看不出来是几级的标题,我一般都只用三级标题;另一个问题是右边那个蓝色的应该是进度条吧,电脑上还有一个进度条能用,手机上只有这一个进度条,反应特别迟钝,拖动几乎没法用
思源笔记的标签层级不够明显;进度条需要优化
相关帖子
- 其他回帖
-
另一个问题是右边那个蓝色的应该是进度条吧,电脑上还有一个进度条能用,手机上只有这一个进度条,反应特别迟钝,拖动几乎没法用
那个实际上是用于定位特定的块,所以是靠点击而不是拖动的:
电脑上的话还可以自己用 CSS 片段改滚动条的样式,手机上就没用了:
/* 滚动条样式 CSS片段 */ ::-webkit-scrollbar { width: 10px; /* 粗细 */ } ::-webkit-scrollbar-thumb { border: 1px solid #8080804a; /* 边框颜色 */ background-color: #B5B5B5; /* 颜色 */ box-sizing: content-box; border-radius: 10px !important; /* 粗细 */ } /* 在鼠标悬停时的样式 */ ::-webkit-scrollbar-thumb:hover{ background-color: #696969; /* 颜色 */ }
-
我用了写味主题、headingIndex 插件、CSS 片段实现了这样的效果:
/* 左右移动标题位置 CSS片段 */ .b3-typography>.h1, .protyle-wysiwyg>.h1 { margin-left: -35px; /* 负值可以根据需要进行调整 */ } .b3-typography>.h2, .b3-typography>.h3, .b3-typography>.h4, .b3-typography>.h5, .b3-typography>.h6, .protyle-wysiwyg>.h2, .protyle-wysiwyg>.h3, .protyle-wysiwyg>.h4, .protyle-wysiwyg>.h5, .protyle-wysiwyg>.h6 { margin-left: -20px; /* 负值可以根据需要进行调整 */ }
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于