1.6x的用户界面调整分享,大家觉得这种体验如何?

官方1.6x把设置,帮助和仓库切换放到下面感觉体验不好,大家觉得下面这种体验如何?

已封装为插件,详见#16

结合各位大佬们的方法,最终效果如下:

实现方法:

  1. 先安装 Obsidian-Legacy-Vault-Switcher 参见 #6 @PlayerMiller 大佬的回复。

  2. 插件设置如下,因为已把仓库切换放到顶部了,这里Vault Switcher就不打开了,当然你打开也没影响,只不过在左侧Ribbon多一个按钮而已。

  3. 把以下脚本确保在加载时执行,这里以quickadd为例说明,runjs也可以。

    首先,在quickadd里新建宏,然后在宏里新建capture,capture内容如下

    代码如下

```js quickadd
app.workspace.onLayoutReady(async ()=>{
	if(app.isMobile) return;
	const switcher = document.querySelector(".workspace-drawer-vault-switcher");
	const navContainer=document.querySelector(".nav-files-container");
	if(switcher && navContainer){
	    //移动仓库切换到文件目录树上面
	    navContainer.parentElement.insertBefore(switcher, navContainer);
	    // 在仓库切换后面显示文件数量
	    const total = app.vault.getRoot().getFileCount();
	    switcher.setAttribute("data-count", total);
	}
});
```
然后点击宏管理,把刚才新建的宏打开加载时执行即可,如下

image

如果不清楚的,请参考下面的GIF

new1

  1. 最后打开css代码片段,输入以下代码
/* 1.6x仓库切换移动到文件树顶部样式 */
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile{
    display: none!important;
}
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-drawer-vault-switcher {
    display: flex;
    padding-left: var(--size-2-3);
    padding-top: var(--size-2-3);
    padding-bottom: var(--size-2-3);
    gap: var(--size-2-3);
    color: var(--vault-profile-color);
}
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-drawer-vault-switcher:hover {
    color: var(--vault-profile-color-hover);
    background-color: var(--background-modifier-hover);
}
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-drawer-vault-switcher.has-active-menu {
    background-color: var(--background-modifier-hover);
}
/* 如果想在仓库切换后面显示文件数量可以启用这个样式 */
/*
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-drawer-vault-switcher::after {
    position: absolute;
    right: 0;
    content: attr(data-count);
    display: inline-block;
    font-size: calc(100% * 0.8);
    margin-right: 20px;
    padding: 2px 0;
    transition: opacity 100ms ease-in-out;
}*/
  1. 重启obsidian就看到效果了。

说明:如果你不想在把仓库切换显示到目录树顶部,只需要安装Obsidian-Legacy-Vault-Switcher插件即可。

1 个赞

其实一开始看 v1.6.0 前瞻更新报告说能够隐藏侧边工具栏,我还以为隐藏之后,能够把侧边栏的按钮移动到其他地方,没想到就真就隐藏了,就没有了。我比较介意这个。

如果不能做到隐藏之后还保留按钮功能的话,我觉得像 1.5.x 版本的布局就挺好的,想要切换多仓的话,右键弹出一个切换多仓的目录 Menu 就行了,类似下面这样:

image

设置按钮用commander放在左边ribbon了;切换库用不到,直接隐藏了
(感觉还是1.5好一些)

@PlayerMiller @Azona77 感谢大佬们的回复,我也觉得1.5x布局更好,有次不小心点了更新按钮,结果第二天重启就升级了,点了更新按钮后就无法撤销了,也没有停止之类的。

稍后根据大佬的回复调整下界面。

你是想写插件改回原来的布局还是想调 CSS 呀,插件好像已经有人写了:GitHub - Quorafind/Obsidian-Legacy-Vault-Switcher 我没测试,可供参考。

如果误更新的话,退版本就行了。

2 个赞

666,本来打算用css和js调整下,既然有了这个插件就不用了,退回版本暂时不用吧,先看看新版本bug是否多,是否影响正常使用,不影响就算了,反正早晚得升到新版。

原来不是只有我觉的1.6这两个改动难受的一批,等一个大佬们改回1.5布局的方案阿

怎么做呢? css 片段?

添加设置按钮用commander插件,隐藏切换库用hider插件或者用css(建议还是保留hider插件,因为是作者开发的,会保持跟进最新版本)

2 个赞

等一个大佬们改回1.5布局的方案阿

1.6x的用户界面,大家觉得这种体验如何? - #6,来自 PlayerMiller 参见6楼的回复,已经有人实现了

2 个赞

太棒了 终于回来了,原来的位置 隐藏左边的文件列表 还可以点设置,新版隐藏就点不到设置了 太别扭

我个人觉得还好。不过这种调整很莫名其妙,希望不要再有设计上的变化了。不如通过插件和主题解决。

1 个赞

哈哈,看来大家都觉得别扭,今天花时间把仓库切换也放到目录树顶部了,感觉这样用起来舒服多了,详见 #1 的分享

1 个赞

有没有可能把1楼的代码,直接给legacy-vault-seitcher插件加上,提个PR?

好主意! 感谢建议!

我已经封装成了插件,并提交了PR,参见:Pull requests · Quorafind/Obsidian-Legacy-Vault-Switcher · GitHub

可能作者合并需要时间,或者可能会被打回,不过可以通过我的github下载插件,如下

效果如下:

new1

new3

1 个赞