一级树和二级树,在没有某些特定 CSS 的加持下,这两个文档树的展示逻辑是会有些冲突的(这是我自己的使用体验,有些地方让我迷惑)。
我之前私下向大大请教时,大大帮忙给我写了几个 CSS,基本解决了我的问题。
我不清楚别人是否有类似的问题,也不清楚大大为什么没把这几个设计给集成到插件中——有可能真就只有我龟毛而已。
(没有去问,则是遵循“不该问的问题就别问”,我在这种奇怪的地方有点社恐啊哈哈哈)
第一个 CSS 隐藏二级文档树的文件夹 这个与二级文档树三灯泡之三联动使用
/* 隐藏二级文档列表含有子文档的文档 */
.misuzu2027__doc-list li[data-type="navigation-file"][data-count]:not([data-count="0"]){
display:none;
}
第二个 CSS 隐藏一级文档树的单文档
.file-tree.sy__file li[data-type="navigation-file"][data-count][data-count="0"]{
display:none;
}
第三个 CSS 二级文档树的文件夹用高亮 icon 标识
/* 含有子文档的 icon 背景 */
.misuzu2027__doc-list li[data-type="navigation-file"][data-count]:not([data-count="0"]) span:first-of-type{
background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}
嗯,这三个 CSS 是参照我个人的使用习惯,请大大帮忙写的。
在这三个 CSS 的加持下,二级文档树和传统的印象笔记文档树就非常相似了(没有这三个的话,对我而言,目前思源一级文档树还是会产生不少干扰)
又又 ps:这三个设计,大大未来说不定某天可能也许就会加入到插件中,也有可能不会(因为真就我个人是这么要求的)
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于