想要从一个父文档点开查看他的子文档,奈何这个文档的展开按钮太小,老是误点到父文档,大佬们能否写个 css 片段将文档树图案删去,来扩大按钮的点击范围
相关帖子
-
EmberSky • • 1付费者
- css 是可以隐藏文档树图案, 但是隐藏之后, 是文字左移, 而不是折叠按钮右移
/* 隐藏: 文档树->文档->图标 */ div.sy__file>div.fn__flex-1 ul>li>span.b3-list-item__icon {display: none!important;}
- 你用的这个插件应该是文档树自定义, 它里面有个文档树压缩, 可以研究一下
- 另外, 推荐一个 js 片段, 单击折叠/展开文档树, 也可以试下效果
/* 文档树点击文档自动展开下级 JS片段 */ setTimeout(() => { console.log("加载代码片段:自动展开文件树"); document.querySelector('.sy__file').addEventListener('mousedown', event => { if (!event.target.classList.contains('b3-list-item__text')) return; if (event.target.parentNode.getAttribute("data-type") !== "navigation-file") return; const b3ListItemToggle = event.target.parentNode.querySelector('.b3-list-item__toggle'); if (b3ListItemToggle.classList.contains('fn__hidden')) return; b3ListItemToggle.click(); }); }, 200);
- css 是可以隐藏文档树图案, 但是隐藏之后, 是文字左移, 而不是折叠按钮右移
-
你样式的问题,左侧的线把空间挤小了,官方默认主题没这么小,空间挺大的。
理想状态应该是蓝色区域,官方默认主题就是蓝色区域
我这个目录层次背景线不会挤占原有空间
-
- css 是可以隐藏文档树图案, 但是隐藏之后, 是文字左移, 而不是折叠按钮右移
/* 隐藏: 文档树->文档->图标 */ div.sy__file>div.fn__flex-1 ul>li>span.b3-list-item__icon {display: none!important;}
- 你用的这个插件应该是文档树自定义, 它里面有个文档树压缩, 可以研究一下
- 另外, 推荐一个 js 片段, 单击折叠/展开文档树, 也可以试下效果
/* 文档树点击文档自动展开下级 JS片段 */ setTimeout(() => { console.log("加载代码片段:自动展开文件树"); document.querySelector('.sy__file').addEventListener('mousedown', event => { if (!event.target.classList.contains('b3-list-item__text')) return; if (event.target.parentNode.getAttribute("data-type") !== "navigation-file") return; const b3ListItemToggle = event.target.parentNode.querySelector('.b3-list-item__toggle'); if (b3ListItemToggle.classList.contains('fn__hidden')) return; b3ListItemToggle.click(); }); }, 200);
- css 是可以隐藏文档树图案, 但是隐藏之后, 是文字左移, 而不是折叠按钮右移