search

AnubisNekhet / AnuPpuccin

Personal theme for Obsidian
GNU General Public License v3.0
1.99k stars 159 forks source link

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

Open srun007 opened 9 months ago

srun007 commented 9 months ago

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 commented 9 months ago

left ribbon toolbar Hide to the left retention drawer

syrth-io commented 6 months ago

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); }