标题的层级越多,字数稍多,基本上都看不完整。显示的很别扭。如果层级稍多,估计最后只能看见标题的两三个字了
手机版文档树标题字数与层级
相关帖子
-
手机版的我没用过, 不知道是否可以参考 pc 版的方法
- 隐藏图标/更多/新建文档
不过 手机的更多和新建文档应该比较有用, 不能隐藏 - 缩小文档树字体
- 压缩 文档树折叠按钮 缩进距离
代码片段
/* 设置文档树字体大小 */ div.sy__file>div.fn__flex-1 { font-size: 13px; } /* 隐藏: 文档树->文档->图标 */ div.sy__file>div.fn__flex-1 ul>li>span.b3-list-item__icon {display: none!important;} /* 隐藏: 文档树->笔记本->更多设置按钮 */ div.sy__file>div.fn__flex-1>ul>li>span[data-type="more-root"] {display: none!important;} /* 隐藏: 文档树->文档-> 更多设置按钮 */ div.sy__file>div.fn__flex-1 ul>li>span[data-type="more-file"] {display: none!important;} /* 隐藏: 文档树->文档->新建子文档按钮 */ div.sy__file>div.fn__flex-1 ul>li>span[data-type="new"] {display: none!important;} /* 隐藏: 文档树->文档->文档被引用个数 */ div.sy__file>div.fn__flex-1 ul>li>span.popover__block {display: none!important;} /* [CSS片段] 文档树压缩 */ :root { /* 22, 40, 58, 76, 94, 112, 130 */ --level-tree-compress-scale:0.5; --level-tree-compress-0:4px; --level-tree-compress-spacing:18px; --level-tree-compress-spacing-res: calc(var(--level-tree-compress-spacing) * var(--level-tree-compress-scale)); --level-tree-compress-2: calc(var(--level-tree-compress-0) + var(--level-tree-compress-spacing-res)); --level-tree-compress-3: calc(var(--level-tree-compress-2) + var(--level-tree-compress-spacing-res)); --level-tree-compress-4: calc(var(--level-tree-compress-3) + var(--level-tree-compress-spacing-res)); --level-tree-compress-5: calc(var(--level-tree-compress-4) + var(--level-tree-compress-spacing-res)); --level-tree-compress-6: calc(var(--level-tree-compress-5) + var(--level-tree-compress-spacing-res)); --level-tree-compress-7: calc(var(--level-tree-compress-6) + var(--level-tree-compress-spacing-res)); --level-tree-compress-8: calc(var(--level-tree-compress-7) + var(--level-tree-compress-spacing-res)); } div.sy__file>div.fn__flex-1>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-2)!important; } div.sy__file>div.fn__flex-1>ul>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-3)!important; } div.sy__file>div.fn__flex-1>ul>ul>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-4)!important; } div.sy__file>div.fn__flex-1>ul>ul>ul>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-5)!important; } div.sy__file>div.fn__flex-1>ul>ul>ul>ul>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-6)!important; } div.sy__file>div.fn__flex-1>ul>ul>ul>ul>ul>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-7)!important; } div.sy__file>div.fn__flex-1>ul>ul>ul>ul>ul>ul>ul>ul>li>span.b3-list-item__toggle { padding-left: var(--level-tree-compress-8)!important; }
以上三种都可以通过插件实现
- 隐藏图标/更多/新建文档
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于