Merge "Make site banner full width in grid layout"

This commit is contained in:
jenkins-bot 2022-07-27 16:57:05 +00:00 committed by Gerrit Code Review
commit 54ac78bba0
2 changed files with 8 additions and 3 deletions

View File

@ -57,11 +57,11 @@
<input type="checkbox" id="vector-toc-collapsed-checkbox" class="mw-checkbox-hack-checkbox">
{{>TableOfContentsContainer}}
{{/is-vector-grid}} <!-- close .vector-sidebar-container -->
<div class="mw-content-container">
<div id="siteNotice">{{{html-site-notice}}}</div>
<div class="mw-content-container">
{{! `role` is unnecessary but kept to support selectors in any gadgets or user styles. }}
<main id="content" class="mw-body" role="main">
<a id="top"></a>
<div id="siteNotice">{{{html-site-notice}}}</div>
{{>ContentHeader}}
{{>ArticleToolbar}}

View File

@ -56,8 +56,9 @@
.mw-page-container-inner {
display: grid;
width: 100%;
grid-template: ~'@{height-header} min-content 1fr min-content / 232px @{width-gutter} minmax(0, 1fr)';
grid-template: ~'@{height-header} min-content min-content 1fr min-content / 232px @{width-gutter} minmax(0, 1fr)';
grid-template-areas: 'header header header'
'sitebanner sitebanner sitebanner'
'sidebar gutter content'
'toc gutter content'
'footer footer footer';
@ -68,6 +69,10 @@
padding-left: 0;
}
#siteNotice {
grid-area: sitebanner;
}
.mw-table-of-contents-container {
grid-area: toc;
}