-
[css] 显示钉住文档名并在页签右下角添加一个钉子图标
2024-10-09 09:47我该到了右侧
.layout-tab-bar .item.item--pin .item__text { padding-right: 20px; } /* 添加一个钉子图标 */ #layouts .layout__center div:not(.fn__none) > .layout-tab-bar:not(.layout-tab-bar--readonly) .item--pin::before { content: "📌"; font-size: 0.8em; right: 4px; position: absolute; transform: rotate(-45deg); }
-
文档树标题显示不全
2024-10-02 11:00不知道下面这些办法你是否见过,不说解决,说规避办法吧,
1,隐藏文档图标
2,隐藏菜单,新建文档,被引用数
3,文档树压缩
4,鼠标悬浮后,换行显示
5,鼠标悬浮后,取消缩进
6,默认过长的文档换行显示
1-5 用插件或代码片段都是可以做的
6 好像见到 w 佬 实现过,不过不确定,可能是我记错了
-
有没有关于调整标签大小的样式,显示的太大了
2024-09-30 09:04你应该有其他的样式和主题, 所以不确定这个你能不能用
自己调一下
90
/*只修改标题上的标签*/ div[data-type="NodeHeading"]>div>span[data-type="tag"] {font-size:calc(90%);} /*修改文档里所有标签*/ .layout__center span[data-type="tag"] {font-size:calc(90%);}
-
文档树优化思路
2024-09-22 18:34个人建议在讨论思路之前, 可以先明确一下自己的需求: 文档树这种形式可以对自己有什么帮助, 然后再考虑交互效果
最近我发现, 我一般都是在需要归档(有新笔记)的时候, 才会用到文档树, 而归档其实对文档树的要求不高
笔记我更多的是拿来检索, 平时检索的时候, 一般都是直接搜索文档名的, 很少用到文档树
因为我感觉文档多了之后, 不管文档树是什么效果, 用起来都比较繁琐
在脱离思源的基础上, 我还没想到一个好的交互, 可以通过文档树, 让检索变得简单
-
希望将文档树的按钮调大一点
2024-09-22 18:16- 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 是可以隐藏文档树图案, 但是隐藏之后, 是文字左移, 而不是折叠按钮右移
-
思源笔记题头图默认上下太宽了,整体很不协调
2024-09-21 09:32css 可以调整高度, 不过这是统一调整的,
.protyle-background__img:not(.fn__none)>img {height:30px;}
-
[代码片段分享] 二级文档树简略版 _release_v1.0
2024-09-20 14:28@Floria233 二级文档树有插件了, 我这边之后就不会再更新 js 代码了
这个插件已经实现了大部分功能 -
建议在登录界面增加选择工作空间的功能
2024-09-18 11:24确实, 虽然我只有一个空间, 但是感觉这个功能很好用
我觉得可以参考下 ediary 的效果
- 正常进入之后, 默认是选择工作空间页面, 而不是默认进入某个空间 (如果能做成配置, 那更好了)
- 右键任务栏图标, 选择空间, 还能设置置顶什么呢, 比较方便, 其实这个功能好多软件都有, 盲猜算是成熟的技术
-
文档树点击自动展开下级 突然失效了
2024-09-18 09:43那就是因为: 文档树加载的时候有延时导致的, 所以 js 代码也加一个延时就行了, 一般 200 就够了, 如果还不行, 就自己调高一点, 单位是毫秒
/* 文档树点击文档自动展开下级 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);
-
一键到顶和到底按钮
2024-09-17 17:53误人子弟了, 之前说的代码有问题, 应该是这样
.layout-tab-container div.b3-tooltips__w {opacity:1; color:red;} .layout-tab-container div.b3-tooltips__w.protyle-scroll__up {top:calc(10%);} .layout-tab-container div.b3-tooltips__w.protyle-scroll__down {bottom:calc(20%);}