Skip to content

Implement draggable divider for resizing editor and console areas#4498

Merged
walterbender merged 1 commit intosugarlabs:masterfrom
alokdangre:feat-4497
Mar 8, 2025
Merged

Implement draggable divider for resizing editor and console areas#4498
walterbender merged 1 commit intosugarlabs:masterfrom
alokdangre:feat-4497

Conversation

@alokdangre
Copy link
Copy Markdown
Contributor

@alokdangre alokdangre commented Mar 5, 2025

Added Draggable Divider in JS Editor

Issue Reference

Closes #4497

Summary of Changes

  • Implemented a draggable divider in the JavaScript editor.
  • Allows users to resize the JS editor pane dynamically for better usability.
  • Ensured smooth interaction and responsiveness.

image

Steps to Test

  1. Open the Auxiliary Menu.
  2. Switch to Advanced Mode.
  3. Click on JavaScript Editor.
  4. Drag the divider to resize the editor and verify smooth resizing behavior.

Additional Notes

  • Enhances UX by providing better control over editor space.
  • Tested for responsiveness and smooth interaction.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 5, 2025

✅ All Jest tests passed! This PR is ready to merge.

@pikurasa
Copy link
Copy Markdown
Collaborator

pikurasa commented Mar 5, 2025

I tested it, and it works.

This sort of thing is not super-high priority, but I guess it couldn't hurt.

@pikurasa pikurasa requested a review from Mubashirshariq March 6, 2025 01:56
@alokdangre
Copy link
Copy Markdown
Contributor Author

alokdangre commented Mar 6, 2025

thanks for checking it

walterbender
walterbender reviewed Mar 6, 2025
View reviewed changes
Comment thread js/widgets/jseditor.js Outdated
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 7, 2025

✅ All Jest tests passed! This PR is ready to merge.

@alokdangre alokdangre requested a review from walterbender March 8, 2025 05:52
@walterbender walterbender merged commit 61d9522 into sugarlabs:master Mar 8, 2025
1 check passed
sa-fw-an pushed a commit to sa-fw-an/musicblocks that referenced this pull request Apr 29, 2025
@alokdangre @sa-fw-an
Implement draggable divider for resizing editor and console areas (su…
96287bb 
…garlabs#4498)

Co-authored-by: Studycode001 <148090007+Studycode001@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Mubashirshariq Mubashirshariq Awaiting requested review from Mubashirshariq

@walterbender walterbender Awaiting requested review from walterbender

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Feature : Draggable divider in JavaScript editor

3 participants

@alokdangre @pikurasa @walterbender