Add example to "autofading-ui"

This commit is contained in:
Jan Szymański
2021-08-21 20:53:03 +02:00
parent 9f19e499f1
commit 427e1103ff
3 changed files with 3 additions and 0 deletions

View File

@@ -95,7 +95,9 @@ Relationship lines that shows hierarchy, like in code editors.
## [Auto-fading UI](code/css-snippets/autofading-ui.css)
by [@Rumen Dimitrov](https://forum.obsidian.md/u/rsdimitrov)
Fades note's header controls and status bar items when not hovered.
![](media/css-snippets/autofading-ui-1.gif)
[📁 autofading-ui.css](code/css-snippets/autofading-ui.css)
---

View File

@@ -2,6 +2,7 @@
/* author: https://forum.obsidian.md/u/rsdimitrov */
/* source: https://forum.obsidian.md/t/optimize-obsidian-ui-for-a-more-seamless-experience/155/5 */
/* change opacity to 0 if you want controls to fade completely */
/* auto fades note header controlls */
.view-header:not(:hover) .view-actions {
opacity: 0.1;

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB