Obsidian更新后左下角太碍眼,在我使用的时候还会分散我的注意力,且占据了不少空间,作为一个强迫症患者,绝不允许这种事情发生。

  1. 首先我们需要找到库目录的 css 选择器:
    • 在任意obsidian界面按住 ctrl+shift+i ,进入检查模式,之后点击左上角箭头选择我们想要修改的部分,以便我们找到对应的选择器。

image.png

  1. 点击左下角的部分,以检查其选择器。

image.png

  1. 我们在右侧检查发现它的选择器是 body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile

image.png

  1. 在我们未移入目标范围内时让它的不透明为0,当我们移入目标范围内时将其透明改为1,然后再添加缓动动画。
    • 具体的代码实现如下:
/* 悬浮显示库目录 */

body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile{
    opacity: 0;
    transition:all .3s ease-out .2s;
}

body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile:hover {
    opacity: 1;
    transition:all .3s ease-out .2s;
} 
  1. 最终效果图预览:

GIF 2024-6-9 19-20-25.gif