Hello, i want to have my left side bar to auto hide kije anytype or notion
Hellooo. Any suggestions ??
I want to have the right side bar show up automatically when i put the cursor on the right side.
- Don’t post the same thing multiple times.
- Feature requests are not questions, they are suggestions.
- What you want is possible with custom CSS like this one:
#main-container.is-left-sidebar-open #left-sidebar { left: calc((var(--ls-left-sidebar-width) * -1) + 3px); } #main-container.is-left-sidebar-open:has(.left-sidebar-inner:hover) #left-sidebar , #main-container.is-left-sidebar-open:has(.left-sidebar-resizer:hover) #left-sidebar { left: 0px; } #main-container.is-left-sidebar-open { padding-left: 0px; }
- If you prefer to push the main content instead of covering it, add also these lines:
#main-container.is-left-sidebar-open:has(.left-sidebar-inner:hover) , #main-container.is-left-sidebar-open:has(.left-sidebar-resizer:hover) { padding-left: var(--ls-left-sidebar-width); }
- For simple entry animation, under line
left: 0px;
add the following lines:transition: left 1s; @starting-style { left: calc((var(--ls-left-sidebar-width) * -1) + 3px); }
- If you prefer to push the main content instead of covering it, add also these lines:
1 Like
Thank you so much thats exactly what i want.
- One last question, can i add an animation when the side bar shows up ?
So not exactly. I have updated my answer with a simple animation.
Thank you so much this is awesome