Skip to content

[6.x] Keep the architectural background lines thin on wide screens - #15625

Merged
jaygeorge merged 1 commit into
6.xfrom
15625-improve-architectural-lines-for-larger-viewports
Oct 9, 2026
Merged

jaygeorge merged 1 commit into
6.xfrom
15625-improve-architectural-lines-for-larger-viewports

Conversation

@jaygeorge

Copy link
Copy Markdown
Contributor

The architectural lines background (e.g. on the Create Collection page) is stretched to the full width of the page, so the lines got thicker the wider the screen. We'd been dropping the opacity above 2000px to hide it, but that just made the lines fainter rather than thinner.

This adds vector-effect: non-scaling-stroke to the SVG's paths, so the lines stay 1px whatever the screen size. Two lines had a stroke-width of 1.49 that only came out at around 1px because their transform shrank them, so I've set those to 1.

With the lines no longer getting thicker, I've removed the opacity rule.

To test, open /cp/collections/create and resize the window from narrow to very wide. The lines should stay thin all the way.

@jaygeorge
jaygeorge merged commit f0711ae into 6.x Oct 9, 2026
64 of 65 checks passed
@jaygeorge
jaygeorge deleted the 15625-improve-architectural-lines-for-larger-viewports branch October 9, 2026 14:02
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.

1 participant