【已解决】如何设置自动隐藏状态栏

[刘岩松]

如题，用的minimal主题，想要实现这样的效果：

尝试抠出相应的css片段，但失败了orz

[Terry_C (Terry)]

有试过 Hider 插件吗？

[刘岩松]

Hider插件只能选择隐藏或显示状态栏，没找到实现自动隐藏功能的选项

[c11]

.status-bar:not(:hover){
    opacity: 0;
}

试试这个？

[刘岩松]

神仙！大佬！超人！

[c11]

(啊啊啊不是大佬) 能帮到忙就好。

[Anber]

@刘岩松

尝试抠出相应的css片段，但失败了orz

大佬，侧边栏能自动隐藏吗？

[c11]

你好！不清楚你想要什么样的效果，或许可以分别试试这几个css：

.workspace-ribbon.mod-left.is-collapsed:not(:hover){
    opacity: 0;
}

.side-dock-settings:not(:hover), .side-dock-actions:not(:hover){
    opacity: 0;
}

.side-dock-ribbon-action:not(:hover){
    opacity: 0;
}

(我个人喜欢第三种，不过是把 opacity 从 0 改成 0.2 左右这样)

[Anber]

我的天，大佬，太感谢了，太厉害了
你还有没有其他界面的隐藏方式，都砸给我吧想要界面整洁一些
例如：左边文件区，左上角的显示文件区的按钮，还有右边的
感激不尽

[c11]

.nav-buttons-container
.nav-files-container
.workspace-tab-header

后面分别加 :not(:hover){opacity: 0;}

可能不是最合适的方法，最好还是自己用 ctrl+shift+i 找，方法如下 (真的很简单！)

https://forum-zh.obsidian.md/t/topic/180

[PlayerMiller]

客制化需求多就得自己学会写啦。

步骤，点击展开

Ctrl + Shift + I 找到自己想自动隐藏的元素：

按照以下格式：

这是需要修改的部分:not(:hover) {
  opacity: 0;
}

以图示为例：

div.sidebar-toggle-button.mod-left:not(:hover) {
  opacity: 0;
}

效果：

想偷懒所有的都不想要写下面这个：

.clickable-icon:not(:hover) {
  opacity: 0;
}

[Qa]

简单实用，表达清晰