Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(editor): Make the left sidebar in Expressions editor draggable #11838

Conversation

dana-gill
Copy link
Contributor

@dana-gill dana-gill commented Nov 21, 2024

Summary

This PR introduces a feature request in the Expressions editor to allow for the left sidebar to be resized for better readability

Related Linear tickets, Github issues, and Community forum posts

Review / Merge checklist

  • PR title and summary are descriptive. (conventions)
  • Docs updated or follow-up ticket created.
  • Tests included.
  • PR Labeled with release/backport (if the PR is an urgent fix that needs to be backported)

@CLAassistant
Copy link

CLAassistant commented Nov 21, 2024

CLA assistant check
All committers have signed the CLA.

@n8n-assistant n8n-assistant bot added n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system labels Nov 21, 2024
@Joffcom Joffcom changed the title feat(editor-ui): Make the left sidebar in Expressions editor draggable feat(editor): Make the left sidebar in Expressions editor draggable Nov 22, 2024
@dana-gill dana-gill force-pushed the node-1924-expression-modal-allow-changing-width-of-sections branch from 7a9fb33 to 5b076a5 Compare November 22, 2024 12:10
Copy link

codecov bot commented Nov 22, 2024

Codecov Report

Attention: Patch coverage is 88.13559% with 7 lines in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
...s/editor-ui/src/components/ExpressionEditModal.vue 91.42% 3 Missing ⚠️
...i/src/components/AskAssistant/AskAssistantChat.vue 0.00% 2 Missing ⚠️
...es/editor-ui/src/components/NDVDraggablePanels.vue 71.42% 2 Missing ⚠️

📢 Thoughts on this report? Let us know!

@dana-gill dana-gill force-pushed the node-1924-expression-modal-allow-changing-width-of-sections branch 3 times, most recently from 13e424c to 0ab7782 Compare November 22, 2024 16:25
@dana-gill dana-gill added the tests-needed This PR needs additional tests label Nov 25, 2024
@dana-gill dana-gill marked this pull request as ready for review November 25, 2024 09:28
@dana-gill dana-gill force-pushed the node-1924-expression-modal-allow-changing-width-of-sections branch 2 times, most recently from e8c7903 to 673fe92 Compare November 25, 2024 17:35
Copy link
Contributor

@ShireenMissi ShireenMissi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🎉

Copy link
Contributor

Copy link
Contributor

⚠️ Some Cypress E2E specs are failing, please fix them before merging

Copy link

cypress bot commented Nov 25, 2024

n8n    Run #8103

Run Properties:  status check passed Passed #8103  •  git commit 3d8a14b03d: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 dana-gill 🗃️ e2e/*
Project n8n
Branch Review node-1924-expression-modal-allow-changing-width-of-sections
Run status status check passed Passed #8103
Run duration 04m 40s
Commit git commit 3d8a14b03d: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 dana-gill 🗃️ e2e/*
Committer Dana Lee
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 3
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 478
View all changes introduced in this branch ↗︎

Copy link
Contributor

⚠️ Some Cypress E2E specs are failing, please fix them before merging

This will prevent long import statements in later commits.
This makes it more uniformed with the Expressions editor. In addition,
throttle is the more accurate since we want resize to be called during a
certain period rather than delaying the call to resize. This also allows
us to save calls to resizing.
This will make the draggable cursor more visible when it is in the
middle of two Expression Editor panels.
@ShireenMissi ShireenMissi force-pushed the node-1924-expression-modal-allow-changing-width-of-sections branch from 673fe92 to 3d8a14b Compare November 26, 2024 16:45
Copy link
Contributor

Copy link
Contributor

✅ All Cypress E2E specs passed

@ShireenMissi ShireenMissi merged commit a713b3e into master Nov 26, 2024
36 of 38 checks passed
@ShireenMissi ShireenMissi deleted the node-1924-expression-modal-allow-changing-width-of-sections branch November 26, 2024 19:13
@github-actions github-actions bot mentioned this pull request Nov 27, 2024
@janober
Copy link
Member

janober commented Nov 27, 2024

Got released with [email protected]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
n8n team Authored by the n8n team Released tests-needed This PR needs additional tests ui Enhancement in /editor-ui or /design-system
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants