Skip to content

fix(alerts): Make everything vertical aligned#113532

Merged
priscilawebdev merged 9 commits intomasterfrom
priscilawebdev/fix/new-alert-content-alignment
Apr 22, 2026
Merged

fix(alerts): Make everything vertical aligned#113532
priscilawebdev merged 9 commits intomasterfrom
priscilawebdev/fix/new-alert-content-alignment

Conversation

@priscilawebdev
Copy link
Copy Markdown
Member

@priscilawebdev priscilawebdev commented Apr 21, 2026

Before

Screenshot 2026-04-22 at 12 29 43

After

Screenshot 2026-04-22 at 12 29 05

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 21, 2026
@JonasBa
Copy link
Copy Markdown
Member

JonasBa commented Apr 22, 2026

@priscilawebdev iirc one of these pages renders breadcrumbs which we should render to the topbar slot.

CleanShot 2026-04-21 at 17 12 11

in the above example, breadcrumbs should render to the page frame, but the title should stay where it is (opposite of the screenshot)

@priscilawebdev
Copy link
Copy Markdown
Member Author

priscilawebdev commented Apr 22, 2026

@priscilawebdev iirc one of these pages renders breadcrumbs which we should render to the topbar slot.

CleanShot 2026-04-21 at 17 12 11 in the above example, breadcrumbs should render to the page frame, but the title should stay where it is (opposite of the screenshot)

@JonasBa isn't it what i updated in the PR ? 🤔

Merge origin/master into the alert content alignment branch and keep both the page-frame top bar updates from master and the layout/footer alignment changes from this branch. This preserves the new title slot behavior while keeping the alert form body and sticky footer aligned with the page frame.

Co-Authored-By: Codex GPT-5 <noreply@openai.com>
Keep the upstream hasPageFrameFeature naming in the alert views and the shared footer helper. This avoids introducing a parallel boolean name while preserving the conflict resolution behavior.

Co-Authored-By: Codex GPT-5 <noreply@openai.com>
Document why the alert footer subtracts two xl gutters from maxWidth in the page-frame layout. This makes the width calculation easier to read during review and future edits.

Co-Authored-By: Codex GPT-5 <noreply@openai.com>
@priscilawebdev priscilawebdev changed the title Align alert create/edit layout for page frame fix(alerts): Make everything vertical aligned Apr 22, 2026
@priscilawebdev priscilawebdev marked this pull request as ready for review April 22, 2026 10:41
@priscilawebdev priscilawebdev requested a review from a team as a code owner April 22, 2026 10:41
@priscilawebdev priscilawebdev requested a review from a team April 22, 2026 10:42
Copy link
Copy Markdown
Member

@natemoo-re natemoo-re left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! The Monitors views also need the same treatment.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not related to this change, but this is a good candidate for a shared layout abstraction to avoid duplicating logic in /edit.tsx and /new.tsx

@priscilawebdev priscilawebdev merged commit 257abbc into master Apr 22, 2026
65 checks passed
@priscilawebdev priscilawebdev deleted the priscilawebdev/fix/new-alert-content-alignment branch April 22, 2026 13:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants