Skip to content

AI page: adopt jetpack-admin-page-layout mixin #48471

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
CGastrell merged 3 commits into from
May 4, 2026
Merged

AI page: adopt jetpack-admin-page-layout mixin #48471

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
eb6b207
AI page: adopt jetpack-admin-page-layout mixin
CGastrell May 2, 2026
7583903
Stylelint: empty line before nested at-rule
CGastrell May 4, 2026
64be962
Remove unnecessary phpcs:ignore (SCSS files aren't scanned by phpcs)
CGastrell May 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 4 additions & 10 deletions projects/plugins/jetpack/_inc/client/ai/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,8 @@
// phpcs:ignore -- SCSS selector, not a PHP file
.jetpack_page_ai .admin-ui-page {
// Fill the viewport height minus the fixed 32px WP admin bar,
// so the footer sits at the bottom of the visible screen area.
min-height: calc(100vh - 32px);
@use "@automattic/jetpack-base-styles/admin-page-layout" as *;

// The fluid container (2nd direct child, between header and footer) should
// grow to fill available space, pushing the footer to the bottom.
> div:nth-child(2) {
flex: 1;
}
body.jetpack_page_ai {

@include jetpack-admin-page-layout;
}

.jetpack-ai-admin {
Expand Down
4 changes: 4 additions & 0 deletions projects/plugins/jetpack/changelog/jetpack-ai-page-layout-mixin
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
Significance: patch
Type: enhancement

AI page: adopt the shared `jetpack-admin-page-layout` mixin so its layout (sticky header, scrollable middle, pinned JetpackFooter) matches the rest of the Jetpack admin pages that use the AdminPage component.
Loading