KEMBAR78
refactor: grid borders by jouni · Pull Request #10212 · vaadin/web-components · GitHub
Skip to content

Conversation

@jouni
Copy link
Member

@jouni jouni commented Sep 23, 2025

Split from #10190

The previous --vaadin-grid-cell-border-width property is now divided into separate --vaadin-grid-column-border-width and --vaadin-grid-row-border-width properties, which can be used to set the default borders on all grids. The built-in no-row-borders and column-borders variants are removed, to be left for themes to add if needed.

One of the reasons for this refactor is to make semi-transparent border colors look better.

@jouni jouni requested a review from web-padawan September 23, 2025 06:36
@jouni
Copy link
Member Author

jouni commented Sep 23, 2025

I went through all the screenshots and they should be fine. Some of them will be updated again once I refactor how the focus outline is rendered, so it doesn't matter in this PR of the outline is partially hidden behind other rows.

Previously rows only had just a single top/bottom border. Now they have both, so increase the row min-height by one pixel (default row border width).
@sonarqubecloud
Copy link

@web-padawan web-padawan merged commit 0bf1c27 into main Sep 23, 2025
9 checks passed
@web-padawan web-padawan deleted the refactor/grid-borders branch September 23, 2025 08:49
@vaadin-bot
Copy link
Collaborator

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

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