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

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

image2920×1840 449 KB

image2920×1840 475 KB

有试过 Hider 插件吗？

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

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

试试这个？

神仙！大佬！超人！

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

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

你好！不清楚你想要什么样的效果，或许可以分别试试这几个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 左右这样)

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

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

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

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

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

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

步骤，点击展开

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

image1357×746 89.1 KB

按照以下格式：

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

以图示为例：

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

效果：

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

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

简单实用，表达清晰