Skip to content

fix(components): Improve Alignment for Composable Page 'fill' Width#3025

Open
ZakaryH wants to merge 3 commits intomenu-position-prop-pleasefrom
align-full-width-page-menu
Open

fix(components): Improve Alignment for Composable Page 'fill' Width#3025
ZakaryH wants to merge 3 commits intomenu-position-prop-pleasefrom
align-full-width-page-menu

Conversation

@ZakaryH
Copy link
Copy Markdown
Contributor

@ZakaryH ZakaryH commented Mar 30, 2026

Motivations

when a Page is 'fill' for width, that means it's flush against the edge. in that case, we have a visual line created along the rightmost edge. if our Menu doesn't try to position along this same line, it breaks that visual line.

so, when a Page is "fill" we should have a "bottom end" placement

Changes

Added

Changed

Deprecated

Removed

Fixed

applies an appropriate placement on the Menu when we have a "fill" Page. this only applies to the composable Page. the old one handles this totally differently, because it uses the old Menu.

Security

Testing

have a "fill" width Page with Menu items.

on master you'll see this
image

on this branch

image image image image

Changes can be
tested via Pre-release


In Atlantis we use Github's built in pull request reviews.

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 30, 2026

Deploying atlantis with  Cloudflare Pages  Cloudflare Pages

Latest commit: 3d7c91a
Status: ✅  Deploy successful!
Preview URL: https://94c22019.atlantis.pages.dev
Branch Preview URL: https://align-full-width-page-menu.atlantis.pages.dev

View logs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

1 participant