Allow for a drawer to be resized

Purpose

Discuss whether the drawer should be a resizable component.

Currently the drawer is 400px wide and takes up the height of the screen.

This issue raises two scenarios where there has been concepts proposed to make the drawer resizable to fit the content better.

When the user closes the drawer then the component does not retain the last width size but defaults to 400px.

Vertical

To make it easy to view the content in the back of the drawer, allow the drawer to fit the content then allow to grow max to default component height.

Start small	Resize to fit

Horizontal

Related issue: gitlab-org/gitlab#408344 (closed)

The drawer that shows the explanation for the Explain This Vulnerability feature is 400px wide, but when there's a code sample, it's too narrow and requires horizontal scrolling to see all of the code:

Problem	Proposed solution

To define the requirements of what we want the AI chat experience to be while adhering to the AI human interaction guidelines.

From the requirements we will use that to design the AI chat experience. This design would be used as reference for related work.

Edited Apr 28, 2023 by Michael Le