Opened 3 years ago
Last modified 3 years 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 |
| 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 (1)
Change History (3)
Note: See
TracTickets for help on using
tickets.
screenshot of theme with original CSS and new CSS