search: Hide notepad on small screens
Created by: fkling
Closes #36125 (closed)
This only shows the notepad, the buttons to enable/disable it, and the CTA on screens wider than 768px. I first tried 576px but that still felt too small.
Demo: (note that I modified the code to show the CTA regardless of status)
https://user-images.githubusercontent.com/179026/178514723-58a5d137-4f93-4bbd-838c-6786775febd2.mp4
Test plan
- Go to https://sourcegraph.test:3443/notebooks
- Enable notepad (if necessary)
- Enable responsive design mode
- Resize window. Below 768px the notepad and the enable/disable notepad button should be hidden.
App preview:
Check out the client app preview documentation to learn more.