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

fix(editor): Fix callout component border issue (no-changelog) #11705

Merged
merged 3 commits into from
Nov 14, 2024

Conversation

gandreini
Copy link
Contributor

@gandreini gandreini commented Nov 12, 2024

Summary

Fixes this issue with the (missing) callout borders:
image

Related Linear tickets, Github issues, and Community forum posts

https://linear.app/n8n/issue/DX-171/callout-component-height-and-border-fixes
closes #DX-171

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)

@@ -62,7 +63,7 @@ async function onCloseClick() {

<style lang="scss" module>
.callout {
height: calc(var(--header-height) * 1px);
// height: calc(var(--header-height) * 1px);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@mutdmour what is the reason for this height here?
This increases too much the height of the top banner.
Double-checking with you before removing it.

Screenshot 2024-11-12 at 17 39 13

Copy link
Contributor

Choose a reason for hiding this comment

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

it looked weird when the AI Assistant is open. The header of the AI Assistant needed to match both the page header and the banner.

@gandreini
Copy link
Contributor Author

Waiting for a feedback from @mutdmour before closing this one

@n8n-assistant n8n-assistant bot added n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system labels Nov 12, 2024
@gandreini gandreini changed the title fix(editor): Fix callout component height and border issue (no-changelog) fix(editor): Fix callout component border issue (no-changelog) Nov 12, 2024
@gandreini
Copy link
Contributor Author

Removed the fix for the top callout height. Forwarded the issue to Ador to review it.

Copy link

codecov bot commented Nov 13, 2024

Codecov Report

Attention: Patch coverage is 50.00000% with 1 line in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
...esign-system/src/components/N8nCallout/Callout.vue 0.00% 1 Missing ⚠️

📢 Thoughts on this report? Let us know!

Copy link
Member

@elsmr elsmr 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

✅ No visual regressions found.

Copy link

cypress bot commented Nov 13, 2024

n8n    Run #7846

Run Properties:  status check passed Passed #7846  •  git commit c71be4bba6: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 gandreini 🗃️ e2e/*
Project n8n
Branch Review dx-171-callout-component-height-and-border-fixes
Run status status check passed Passed #7846
Run duration 04m 24s
Commit git commit c71be4bba6: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 gandreini 🗃️ e2e/*
Committer Elias Meire
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
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 469
View all changes introduced in this branch ↗︎

Copy link
Contributor

✅ All Cypress E2E specs passed

@gandreini gandreini merged commit 61fac4f into master Nov 14, 2024
38 checks passed
@gandreini gandreini deleted the dx-171-callout-component-height-and-border-fixes branch November 14, 2024 13:25
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 ui Enhancement in /editor-ui or /design-system
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants