Skip to content

Conversation

@vursen
Copy link
Contributor

@vursen vursen commented Oct 15, 2025

Description

The PR refactors the grid base styles to use CSS borders instead of box shadows for rendering row and column borders. This improves grid's rendering performance with the base styles by about 40%, bringing it closer to Lumo:

Before After Lumo
Screenshot 2025-11-07 at 15 18 17 Screenshot 2025-11-07 at 15 19 32 Screenshot 2025-11-07 at 15 27 52

(measured on a page with a heavy 60-column grid)

Depends on

Type of change

  • Internal

@vursen vursen force-pushed the rework-grid-border-implementation branch 2 times, most recently from 54794be to e5f006e Compare October 15, 2025 14:23
@vursen vursen changed the base branch from main to increase-min-height-for-grid-rows October 15, 2025 14:23
@vursen vursen force-pushed the rework-grid-border-implementation branch 6 times, most recently from 5bf8c3e to 9d478a4 Compare October 16, 2025 11:58
@vursen vursen force-pushed the increase-min-height-for-grid-rows branch from ec62dfb to 05c15b8 Compare October 16, 2025 11:59
@vursen vursen force-pushed the rework-grid-border-implementation branch from 9d478a4 to cfd776d Compare October 16, 2025 12:01
@vursen vursen changed the base branch from increase-min-height-for-grid-rows to main October 16, 2025 12:01
@vursen vursen force-pushed the rework-grid-border-implementation branch 5 times, most recently from bf9d04a to 04ae7af Compare October 21, 2025 18:12
@vursen vursen force-pushed the rework-grid-border-implementation branch from 5f85ee2 to f6d6e1f Compare November 3, 2025 08:10
@jouni jouni mentioned this pull request Nov 4, 2025
34 tasks
@vursen vursen closed this Nov 4, 2025
@vursen vursen reopened this Nov 4, 2025
@vursen vursen force-pushed the rework-grid-border-implementation branch from f6d6e1f to ca81b3e Compare November 4, 2025 13:17
@vursen vursen changed the title refactor: rework grid borders implementation in base styles refactor: re-implement grid base styles to use CSS borders Nov 4, 2025
@vursen vursen changed the title refactor: re-implement grid base styles to use CSS borders refactor: re-implement grid base styles to use CSS borders for rows Nov 5, 2025
@vursen vursen force-pushed the rework-grid-border-implementation branch from e4c0b51 to 6c196e2 Compare November 5, 2025 13:34
@vursen vursen force-pushed the rework-grid-border-implementation branch from ef609c8 to 5ed2a65 Compare November 6, 2025 17:07
@vursen vursen force-pushed the rework-grid-border-implementation branch from 852c05f to 1df6c59 Compare November 7, 2025 07:17
@vursen vursen changed the title refactor: re-implement grid base styles to use CSS borders for rows refactor: re-implement grid base styles to use CSS borders Nov 7, 2025
@vursen vursen marked this pull request as ready for review November 7, 2025 08:23
@sonarqubecloud
Copy link

sonarqubecloud bot commented Nov 7, 2025

@vursen vursen requested review from jouni and web-padawan November 7, 2025 09:25
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