Max-width layout: Make page container fill viewport if content height is small

This will help mitigate the sidebar overflowing the page container
(related to T257518). Note that this does not prevent the overflow from
happening as the sidebar can still be longer than the viewport, but it
should reduce the number of times it can happen.

Bug: T257518
Change-Id: Id7138b4d4459242772bee8e11dc7edeaf76b3ca0
This commit is contained in:
Nicholas Ray 2020-07-14 12:19:09 -06:00
parent 56dbfd9a46
commit acf42aa48f
1 changed files with 3 additions and 0 deletions

View File

@ -107,6 +107,9 @@
.mw-page-container {
min-width: @min-width-page-container;
max-width: @max-width-page-container;
// Fill the viewport even if the content height is small. This also helps
// mitigate a long sidebar overflowing the page container (T257518).
min-height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 @padding-horizontal-page-container;