Make WordPress Core

Opened 3 years ago

Last modified 3 years ago

#50026 new enhancement

Twenty Twenty: Full height with short content

Reported by: beaucollins's profile beaucollins Owned by:
Milestone: Awaiting Review Priority: normal
Severity: trivial Version:
Component: Bundled Theme Keywords: has-screenshots
Focuses: css Cc:

Description (last modified by SergeyBiryukov)

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)

height-example.png (227.6 KB) - added by beaucollins 3 years ago.
screenshot of theme with original CSS and new CSS

Download all attachments as: .zip

Change History (3)

@beaucollins
3 years ago

screenshot of theme with original CSS and new CSS

#1 @beaucollins
3 years ago

call will always be filled

#2 @SergeyBiryukov
3 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
Note: See TracTickets for help on using tickets.