Layout: Fixes content alignment issues

Bug: T311793
Change-Id: I256750d546e2ab818bca1f153a2b6a675db79a54
This commit is contained in:
Jon Robson 2022-06-30 15:28:09 -07:00 committed by Jdlrobson
parent 9ef3149c90
commit d8a66f0d49
1 changed files with 11 additions and 0 deletions

View File

@ -11,6 +11,12 @@
box-sizing: border-box;
}
// aligns left side of column with hamburger icon.
.mixin-column-align-width-hamburger-icon() {
// Align the content with the hamburger icon
padding-left: 8px;
}
.vector-layout-grid {
.mw-content-container {
max-width: @max-width-content-container;
@ -77,6 +83,11 @@
grid-area: content;
}
// with sidebar closed, when no table of contents, align with hamburger menu
@{selector-sidebar-no-toc-sidebar-closed} ~ .mw-content-container {
.mixin-column-align-width-hamburger-icon();
}
.mw-footer-container {
grid-area: footer;
padding-top: @padding-top-footer - @row-gap;