notebooks: use sticky sidebar
There are no commits yet
Push commits to the source branch or add previously merged commits to review them.
Created by: limitedmage
react-sticky-box
, which is the same library we use for the search sidebar. Unlike a plain CSS position: sticky
, this library allows changing the sticky direction when scrolling (so scrolling up will also scroll the sidebar up, even when not at the top yet). I updated the library to the lastest version which allows using it as hook instead of a component.Test with empty notebook, notebook with only a few blocks, and a notebook with lots of blocks and heading big enough to scroll the sidebar.
https://user-images.githubusercontent.com/206864/178082989-772f7f70-c6c8-4eba-8271-d0e6d648e73f.mp4
Check out the client app preview documentation to learn more.
Push commits to the source branch or add previously merged commits to review them.