Important Links

As part of the global layout updates, there is an opportunity to enable resizing of the LHS and RHS panels. Below outlines the minimum and maximum sizes for the panels as well as some rules for different breakpoints.

...

While dragging when the width approaches the default width within 16px (more or less), snap the panel width to the default. When the snapping happens, add an emphasis animation to the resize bar.

...

Resizing the LHS

• Default channel LHS sidebar width: 240pxFor window widths <900:

• Touch devices

  • not resizable

• Touch devicesFor window widths <= 768

  • not resizable (sidebar is hidden)

• For window widths 900769-1199:

  • min-width = 200px

  • max-width = 264px

• For window widths 1200-1679:

  • min-width = 200px

  • max-width = 304px

• For window widths >= 1680px:

  • min-width: 200px

  • max-width: 440px

...