Fixed Drawer Overlay Behavior to Prevent Content Shifting

[Shrutim1505]

Fixes #21
Description:
This pull request addresses the issue where opening the drawer causes the main content to shift rightward. Instead, the drawer will now overlay the content, maintaining a stable layout and improving the user experience.

Changes Made:

• Added a Backdrop component to improve visibility when the drawer is open.
• Enabled clicking outside the drawer to close it automatically.

Before:

After:

Impact:
This update improves UI stability and enhances the user experience across all screen sizes

[Shrutim1505]

/assign @kevin-wangzefeng

[JesseStutler]

Is this just a display optimization, or does this original layout may cause the page layout to be messed up when the window size changes?

[kevin-wangzefeng]

Thanks for your PR, is it possible for users to pin the drawer on the left?
Someone may prefer always show drawer on the left.

[Monokaix]

Thanks for your PR, is it possible for users to pin the drawer on the left? Someone may prefer always show drawer on the left.

+1

[Shrutim1505]

Is this just a display optimization, or does this original layout may cause the page layout to be messed up when the window size changes?

no original layout will not cause the page layout to be messed up when the window size changes.

[Shrutim1505]

Thanks for your PR, is it possible for users to pin the drawer on the left? Someone may prefer always show drawer on the left.

should i pin it permanently???
changed from original look???

[Monokaix]

Thanks for your PR, is it possible for users to pin the drawer on the left? Someone may prefer always show drawer on the left.

should i pin it permanently??? changed from original look???

I think users can pin or

Thanks for your PR, is it possible for users to pin the drawer on the left? Someone may prefer always show drawer on the left.

should i pin it permanently??? changed from original look???

Does this button still take effect? We can fold or unfold it.

[Shrutim1505]

Thanks for your PR, is it possible for users to pin the drawer on the left? Someone may prefer always show drawer on the left.

should i pin it permanently??? changed from original look???

I think users can pin or

Thanks for your PR, is it possible for users to pin the drawer on the left? Someone may prefer always show drawer on the left.

should i pin it permanently??? changed from original look???

Does this button still take effect? We can fold or unfold it.

yes

[Shrutim1505]

@Monokaix @kevin-wangzefeng this button still follows the behaviour of drawer properties

[Monokaix]

/lgtm

[Monokaix]

Please squash to one commit: )

[Shrutim1505]

@Monokaix done

But I want to ask you is this behaviour ok with the drawer??
It will open on clicking the button there

[Monokaix]

But I want to ask you is this behaviour ok with the drawer??
It will open on clicking the button there

It's ok

[Monokaix]

/lgtm

[kevin-wangzefeng]

/approve
thanks

[volcano-sh-bot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: kevin-wangzefeng

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [kevin-wangzefeng]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment