Skip to content

Fix fade effect for tab labels that overflow#5552

Merged
knolleary merged 1 commit intonode-red:devfrom
bonanitech:fix-fade-effect
Mar 10, 2026
Merged

Fix fade effect for tab labels that overflow#5552
knolleary merged 1 commit intonode-red:devfrom
bonanitech:fix-fade-effect

Conversation

@bonanitech
Copy link
Copy Markdown
Contributor

  • Bugfix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)

Proposed changes

As discussed in the forums, the fade effect for tab labels that overflow was mistakenly removed in #5510. This PR fixes that.

Additionally, the ugly SCSS variables I added in #3692 were removed, and the changes made to the linear gradients in 'tabs.scss' in 233a199 were reverted. They were introduced as a workaround for a Safari issue that has already been resolved.

From Safari 15.4 Release Notes - March 14, 2022

Fixed gradient color interpolation for colors with alpha transparency.

Editor screenshots with the fix:

Vanilla Dark (Midnight)
Chrome image SCR-20260310-hlyd
Firefox SCR-20260310-hmnp SCR-20260310-hlzn
Safari image SCR-20260310-hmag

Checklist

  • I have read the contribution guidelines
  • For non-bugfix PRs, I have discussed this change on the forum/slack team.
  • I have run npm run test to verify the unit tests pass
  • I have added suitable unit tests to cover the new/changed functionality

@knolleary knolleary merged commit 1192a85 into node-red:dev Mar 10, 2026
5 checks passed
@knolleary
Copy link
Copy Markdown
Member

Thanks!

@bonanitech bonanitech deleted the fix-fade-effect branch March 10, 2026 13:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants