AnuPpuccin icon indicating copy to clipboard operation
AnuPpuccin copied to clipboard

please add a function auto hide/reveal left ribbon bar when mouse leave/on[Feature Request]

Open srun007 opened this issue 1 year ago • 2 comments

Feature Description please add a function auto hide/reveal left ribbon bar when mouse leave/on

Miscellaneous Features Snipaste_2023-10-24_22-22-20

Additional context i like your theme very much

srun007 avatar Oct 24 '23 15:10 srun007

left ribbon toolbar Hide to the left retention drawer

srun007 avatar Oct 26 '23 04:10 srun007

you can achieve this easily with a CSS snippet. this is what I use, though you may need to adjust the width or other options depending on your theme settings/personal taste. however, please leave credit intact, as I adapted this code from @Akifyss's Border theme.

/* 
    autohide ribbon (from Border theme) 
    https://github.com/Akifyss/obsidian-border
*/
body:not(.is-mobile) .workspace-ribbon.side-dock-ribbon.mod-left {
    --ribbon-width: 10px; transition: all var(--anim-duration-slow); }
body:not(.is-mobile) .workspace-ribbon.side-dock-ribbon.mod-left:hover {
    --ribbon-width: 44px; transition: all var(--anim-duration-slow); }

body:not(.is-mobile) .workspace-ribbon.side-dock-ribbon.mod-left>* {
    opacity: 0; transition: all var(--anim-duration-slow); }
body:not(.is-mobile) .workspace-ribbon.side-dock-ribbon.mod-left:hover>* {
    opacity: 1; transition: all var(--anim-duration-slow); }

syrth-io avatar Jan 24 '24 05:01 syrth-io