[wp-trac] [WordPress Trac] #50026: Twenty Twenty: Full height with short content (was: twentytwenty full height with short content)

Wed Apr 29 10:08:15 UTC 2020

#50026: Twenty Twenty: Full height with short content
-----------------------------+------------------------------
 Reporter:  beaucollins      |       Owner:  (none)
     Type:  enhancement      |      Status:  new
 Priority:  normal           |   Milestone:  Awaiting Review
Component:  Bundled Theme    |     Version:
 Severity:  trivial          |  Resolution:
 Keywords:  has-screenshots  |     Focuses:  css
-----------------------------+------------------------------
Changes (by SergeyBiryukov):

 * component:  Themes => Bundled Theme

Old description:

> 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 call always be filled:
>

> {{{
> body {
>   display: flex;
>   flex-direction: column;
>   min-height: 100vh;
> }
>
> main#site-content {
>   flex: 1
> }
> }}}

New description:

 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
 }
 }}}

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/50026#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform