guopenghui / obsidian-quiet-outline

Improving experience of outline in Obsidian
MIT License
316 stars 17 forks source link

默认展开全部层次+调小子级标题字体大小 #7

Closed tyf2018 closed 2 years ago

tyf2018 commented 2 years ago

很好用的插件,谢谢作者。想反馈两个小细节:

  1. 能否默认展开全部层次?或者增加一个命令按钮以一键展开
  2. 想调小子级标题字体大小(如下图所示),请问应该如何写css?谢谢 image|100
guopenghui commented 2 years ago
  1. 这个我试着放一个“默认展开到几级”的按钮或选择框,实现上应该不难,主要是还没想好这个按钮放到哪好看一些😂,重置按钮和搜索框那一行已经很挤了,另起一行又感觉按钮占的地方太大了。。
  2. 现在的版本里面,不同级别的标题的元素在html里面是并列起来的没有嵌套关系,而且基本什么html属性都一样,所以没法区分。 后面我给不同级别的标题设置一个level-[1-6]的class,方便区分。这样就能分别设置样式了。
tyf2018 commented 2 years ago

1.重置按钮和搜索框那一行已经很挤了

我觉得直接放在重置按钮的右边就行,两个按钮图标都可以做小一点

后面我给不同级别的标题设置一个 level-[1-6]的class

赞,字体调小后,除了便于区别,还能节省空间,个人觉得很有必要

guopenghui commented 2 years ago

上面的两个功能现在0.2.0版本已经支持了! 第1条可以看一下新的readme里面的Level Switch Bar功能 第2条我在styles.css里面专门留了这一条: image 直接改font-size就行

tyf2018 commented 2 years ago

第1条可以看一下新的readme里面的 Level Switch Bar功能

看到没有H6这个级别,请问是有什么特殊考虑吗? 另外展开功能,有时候会失灵,比如默认展开到H5,但切换到某些笔记时,H5标题仍然被折叠了

第2条我在 styles.css里面专门留了这一条:

好像要加上 __text p 才能生效,我这改成这样了:

.quiet-outline [class*="level-1"] .n-tree-node-content__text p {
    font-size: 17.5px !important;
}
.quiet-outline [class*="level-2"] .n-tree-node-content__text p {
    font-size: 16px !important;
    color: var(--text-header2) !important;
}
.quiet-outline [class*="level-"]:not(.level-1) .n-tree-node-content__text p {
    color: var(--text-normal);
    font-size: 14px;
}
guopenghui commented 2 years ago

没有H6这个级别

因为H6是最低的级别,不会有子标题了,所有不会被展开。switch切换到h5的时候,已经展开全部标题了

切换到某些笔记时,H5标题仍然被折叠

这个可能后面改。昨天实现功能的时候,发现实现起来稍有些麻烦,也不太清楚使用场景,就暂时放弃了。 我有两个想法:

  1. 在设置面板里面设置一个选项,用户自己输入想要的默认级别。然后后面切换笔记时都恢复到这个默认级别。
  2. 切换的时候默认继承上一个笔记时设置的大纲级别 不知道这两种方案哪个符合你的使用习惯呢?

第2条在我这里测试是可以的🤔不太清楚原因 image image

tyf2018 commented 2 years ago
  • 在设置面板里面设置一个选项,用户自己输入想要的默认级别。然后后面切换笔记时都恢复到这个默认级别。
  • 切换的时候默认继承上一个笔记时设置的大纲级别

强烈建议第1个: 在设置面板里面设置一个选项

第2条在我这里测试是可以的 🤔 不太清楚原因

🤣收到。我这问题已解决

guopenghui commented 2 years ago

0.2.1中已修正