PromucFlow_constructor/app/client/packages/design-system/widgets
Pawan Kumar 32ed6f0776
chore: fix sidebar mobile responsiveness. (#38159)
https://github.com/user-attachments/assets/6eadc643-da55-4b9c-9aae-f07e09bd34cd

/ok-to-test tags="@tag.Anvil"

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Enhanced mobile responsiveness for the sidebar component with the
addition of a new data attribute.

- **Bug Fixes**
- Improved styling conditions for the sidebar in various states,
ensuring better visual consistency across mobile and full-width
displays.

- **Style**
- Updated CSS selectors for more precise styling of the sidebar,
enhancing its responsive behavior.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/12314321713>
> Commit: 3ee6c76ffd3e5af9849bf7db1cb1a242b5aabd2b
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=12314321713&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Anvil`
> Spec:
> <hr>Fri, 13 Dec 2024 11:17:26 UTC
<!-- end of auto-generated comment: Cypress test results  -->
2024-12-13 16:56:06 +05:30
..
src
.eslintrc.json
jest.config.js
package.json
tsconfig.json