| Tip |
|---|
Design CompleteImplementation in progress |
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
...