KEMBAR78
fix: keep button radius and allow more space for focus outline by jouni · Pull Request #10162 · vaadin/web-components · GitHub
Skip to content

Conversation

@jouni
Copy link
Member

@jouni jouni commented Sep 12, 2025

Always remove border radius from buttons in the middle of the menu bar, except for tertiary-variant. This makes them look more connected, and tries to avoid confusion how the tab stop works. If you want the previous look, you should consider using separate, single-item menu bars instead.

This only affects the buttons when --vaadin-menu-bar-gap is bigger than zero.

Before

Screenshot 2025-09-12 at 15 32 28

After

Screenshot 2025-09-12 at 15 31 05

@jouni jouni marked this pull request as ready for review September 12, 2025 12:32
@sonarqubecloud
Copy link

@web-padawan web-padawan merged commit dda2632 into main Sep 12, 2025
9 checks passed
@web-padawan web-padawan deleted the fix/menu-bar-base-styles branch September 12, 2025 12:38
@vaadin-bot
Copy link
Collaborator

This ticket/PR has been released with Vaadin 25.0.0-alpha10.

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.

3 participants