Left side bar autohide

Feedback Feature Requests
1

Hello, i want to have my left side bar to auto hide kije anytype or notion

2

Hellooo. Any suggestions ??
I want to have the right side bar show up automatically when i put the cursor on the right side.

3
  • 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);
  }
1 Like
4

Thank you so much thats exactly what i want. :ok_hand:

  • One last question, can i add an animation when the side bar shows up ?
5

So not exactly. I have updated my answer with a simple animation.

6

Thank you so much :rose:this is awesome