wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-28 09:30:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/skins.vector.styles/layout-max-width.less
View file

@ -107,6 +107,9 @@
.mw-page-container { .mw-page-container {
min-width: @min-width-page-container; min-width: @min-width-page-container;
max-width: @max-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-left: auto;
margin-right: auto; margin-right: auto;
padding: 0 @padding-horizontal-page-container; padding: 0 @padding-horizontal-page-container;