之前看到有佬分享了
可以用鼠标中键展开文档数层级
想问下有什么代码可以实现
中键展开大纲的层级吗
因为大纲那个展开标志稍微有点小了不太方便
鼠标中键打开大纲
相关帖子
-
- 其他回帖
-
-
css 片段
/* [css片段] 多彩大纲竖线 */ :root { /* 竖线颜色 */ --vertical-line-color-1: var(--b3-font-color7); --vertical-line-color-2: var(--b3-font-color6); --vertical-line-color-3: var(--b3-font-color9); --vertical-line-color-4: var(--b3-font-color11); --vertical-line-color-5: var(--b3-font-color7); --vertical-line-color-6: var(--b3-font-color6); --vertical-line-color-7: var(--b3-font-color9); --vertical-line-color-8: var(--b3-font-color11); /* 文档缩进距离 */ --file-retract-length: 8px; /* 竖线括号没有对齐, 调这里 */ --bracket-retract-length: 4px; /* 竖线括号粗细 */ --vertical-line-bracket-width: 3px; /* 竖线括号圆角弧度 */ --bracket-border-radius: 8px; /* 折叠按钮宽度 */ --fold-button-width: 10px; } /* 大纲 */ /* 折叠按钮宽度 */ .sy__outline>.fn__flex-1>ul li>.b3-list-item__toggle { padding-left: var(--fold-button-width) !important; } /* 竖线 */ .sy__outline>.fn__flex-1>ul li { margin-bottom: -1px; border-top-left-radius: var(--bracket-border-radius); border-bottom-left-radius: var(--bracket-border-radius); } .sy__outline>.fn__flex-1>ul li:has(span:not(.fn__hidden)>svg.b3-list-item__arrow--open) { /* 有子文档的(折叠按钮没有隐藏&&打开), 下括号没有弧度 */ border-bottom-left-radius: 0px; } .sy__outline>.fn__flex-1>ul ul { padding-left: var(--file-retract-length); margin-left: var(--bracket-retract-length); border-top-left-radius: 0px; border-bottom-left-radius: var(--bracket-border-radius); } /* 竖线颜色 */ .sy__outline>.fn__flex-1>ul li:has(span), .sy__outline>.fn__flex-1>ul ul { border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-1); } .sy__outline>.fn__flex-1>ul>ul li, .sy__outline>.fn__flex-1>ul>ul ul { border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-2); } .sy__outline>.fn__flex-1>ul>ul>ul li, .sy__outline>.fn__flex-1>ul>ul>ul ul { border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-3); } .sy__outline>.fn__flex-1>ul>ul>ul>ul li, .sy__outline>.fn__flex-1>ul>ul>ul>ul ul { border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-4); } .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul li, .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul ul { border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-5); } .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul>ul li, .sy__outline>.fn__flex-1>ul>ul>ul>ul>ul>ul ul { border-left: var(--vertical-line-bracket-width) solid var(--vertical-line-color-6); }
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于