[Content Types]: Fix extra Page padding causing vertical scrollbar#78661
[Content Types]: Fix extra Page padding causing vertical scrollbar#78661yogeshbhutkar wants to merge 2 commits into
Conversation
ac48fd2 to
29a1a80
Compare
There was a problem hiding this comment.
Pull request overview
This PR addresses an unnecessary vertical scrollbar in the experimental Content Types admin screen by removing padding from the top-level Page container and applying spacing to the tabs header wrapper instead, aligning the layout with similar admin patterns (e.g., template list tabs wrapper).
Changes:
- Removed
.content-types-pagepadding to avoid increasing the overall page height. - Added horizontal and top padding to
.content-types-tabs-wrapperwhile keeping the existing bottom border.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Thanks for the PR, @yogeshbhutkar. I observed the same pattern on two other screens, the Connectors screen and the Gutenberg Experiments screen, where the top-level header has 24px left/right padding and 16px top/bottom padding applied. For consistency, we should match that here as well. That said, this PR is already a solid improvement, and aligning it with the other similar screens would make the experience even more consistent overall. |



What, Why, and How?
Related to #77600
While testing the Content Types, I noticed that the dashboard displayed an unnecessary vertical scrollbar. The issue was caused by padding applied directly to the Page component, which increased the page height enough to trigger scrolling.
This PR removes that padding from Page and applies it to the Tab's wrapper instead, matching how it is used elsewhere and fixing the extra scrollbar. Please feel free to close this PR if this is already being handled elsewhere.
Ref:
gutenberg/routes/template-list/style.scss
Lines 5 to 8 in 935d434
Testing Instructions
Screenshots or screencast
Use of AI Tools
None