Skip to content

search: Hide notepad on small screens

Administrator requested to merge fkling/36125-disable-notepad-on-small-screens into main

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.

Merge request reports