Opened 4 years ago
Last modified 6 months ago
#50026 new enhancement
Twenty Twenty: Full height with short content
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | trivial | Version: | |
Component: | Bundled Theme | Keywords: | has-screenshots has-patch 2nd-opinion |
Focuses: | css | Cc: |
Description (last modified by )
With the twentytwenty
theme, when the height of the content in a page does not fill up the entire viewport, the page ends up with extra trailing whitespace.
If we treat the <body>
as a flex box the page will always be filled:
body { display: flex; flex-direction: column; min-height: 100vh; } main#site-content { flex: 1 }
Attachments (2)
Change History (5)
#2
@
4 years ago
- Component changed from Themes to Bundled Theme
- Description modified (diff)
- Summary changed from twentytwenty full height with short content to Twenty Twenty: Full height with short content
#3
@
6 months ago
- Keywords has-patch 2nd-opinion added
As part of the proposal to retire default themes, Twenty Twenty might not have any more enhancements soon.
If this change might be worth making, I made a patch with the suggested flex styles.
Note: See
TracTickets for help on using
tickets.
screenshot of theme with original CSS and new CSS