Skip to content

Task 9 resize left right#9546

Open
GENERALRSW wants to merge 14 commits intoHumanSignal:developfrom
J-A-I-A:task-9-resize-left-right
Open

Task 9 resize left right#9546
GENERALRSW wants to merge 14 commits intoHumanSignal:developfrom
J-A-I-A:task-9-resize-left-right

Conversation

@GENERALRSW
Copy link
Copy Markdown

Reason for change
Added left-right sidebar resize functionality, allowing users to drag and resize the side panels horizontally. Previously, the sidebar had a fixed width with no ability to resize. Changes

  • Implemented left-right resize logic in SideTabsPanels.tsx
  • Added resize handle styles in MenuSidebar.scss and updated PanelTabsBase.scss
  • Added a new constant for resize behavior in constants.ts
  • Added frontend unit tests covering sidebar resize behavior (sidebar-resize.test.ts, 191 lines)

Testing

  • Unit tests added in web/apps/labelstudio/src/components/SidePanels/TabPanels/tests/sidebar-resize.test.ts
  • Manually verified drag-to-resize works on left and right panels

Risks

Low — changes are scoped to the sidebar resize UI only, with no backend changes.

@GENERALRSW GENERALRSW requested review from a team, hlomzik and nick-skriabin as code owners March 7, 2026 18:43
@netlify
Copy link
Copy Markdown

netlify bot commented Mar 7, 2026

👷 Deploy request for heartex-docs pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit cfb7f82

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 7, 2026

👷 Deploy request for label-studio-docs-new-theme pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit cfb7f82

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 7, 2026

Deploy Preview for label-studio-playground ready!

Name Link
🔨 Latest commit cfb7f82
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-playground/deploys/69b108677745820008925ab4
😎 Deploy Preview https://deploy-preview-9546--label-studio-playground.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 7, 2026

Deploy Preview for label-studio-storybook ready!

Name Link
🔨 Latest commit cfb7f82
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-storybook/deploys/69b10866747e8a0008a77806
😎 Deploy Preview https://deploy-preview-9546--label-studio-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants