mirror of
https://github.com/kmaasrud/awesome-obsidian.git
synced 2026-03-11 17:34:14 -05:00
Add example to "autofading-ui"
This commit is contained in:
@@ -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.
|
||||
|
||||

|
||||
[📁 autofading-ui.css](code/css-snippets/autofading-ui.css)
|
||||
|
||||
---
|
||||
|
||||
@@ -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;
|
||||
|
||||
BIN
media/css-snippets/autofading-ui-1.gif
Normal file
BIN
media/css-snippets/autofading-ui-1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Reference in New Issue
Block a user