Use padding margin-collapse hack instead of overflow

Using the overflow hack breaks scrolling logic in OOUI.

Bug: T271868
Bug: T270146
Change-Id: I4038164efe54a8fb847781a004af98ec74c92cdb
This commit is contained in:
Ed Sanders 2021-01-05 18:01:45 +00:00 committed by jdlrobson
parent 26126d15e4
commit 9abf12bbfa
1 changed files with 3 additions and 5 deletions

View File

@ -164,12 +164,10 @@ body {
min-height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 ( @padding-horizontal-page-container / 2 );
// Use non-zero padding to disable margin collapse.
// Be careful not to use overflow-y: scroll here (see T270146 and T271868)
padding: 0.05px ( @padding-horizontal-page-container / 2 );
background-color: @background-color-page-container;
// Establish a new block formatting context to prevent header top margin
// collapsing and causing whitespace to appear between the header and
// viewport.
overflow-y: auto;
}
// Used as a container for absolutely positioned elements.