Fix border when title is hidden and when toolbar is empty

Bug: T317930
Change-Id: Iba89a2e642a8377c3603d099fb1157fc2df465d0
This commit is contained in:
bwang 2022-09-19 13:26:12 -05:00 committed by Bernard Wang
parent 00a2ff617a
commit c4ec68b13c
4 changed files with 12 additions and 4 deletions

View File

@ -6,7 +6,7 @@
{{#data-associated-pages}}{{>Menu}}{{/data-associated-pages}}
{{#data-variants}}{{>Menu}}{{/data-variants}}
</div>
<div id="right-navigation" class="vector-collapsible {{#data-views.is-empty}}{{#data-actions.is-empty}}right-navigation-empty{{/data-actions.is-empty}}{{/data-views.is-empty}}">
<div id="right-navigation" class="vector-collapsible">
{{#data-views}}{{>Menu}}{{/data-views}}
{{#data-actions}}{{>Menu}}{{/data-actions}}
</div>

View File

@ -2,7 +2,7 @@
Content Header - Main <H1> title for all pages, with either the indicators or language selector.
When language button is visible, indicators are placed in the ContentSubheader.mustache template instead.
}}
<header class="mw-body-header vector-page-titlebar">
<header class="mw-body-header vector-page-titlebar{{#is-title-blank}} vector-page-titlebar-blank{{/is-title-blank}}">
{{#data-toc}}
<label
id="vector-toc-collapsed-button"

View File

@ -5,7 +5,8 @@
.mw-article-toolbar-container {
// clearfix for #left-navigation and #right-navigation
display: flow-root;
border-bottom: @border-bottom-tabs;
// Use box-shadow instead of border to allow border collapsing between titlebar and toolbar
box-shadow: 0 1px @border-color-base;
/* Targets #left-navigation and #right-navigation */
& > div {

View File

@ -1,6 +1,13 @@
.vector-page-titlebar {
display: flex;
border-bottom: 1px solid @border-color-base;
// Ensure language button or indicators are positioned to the right even when the title is hidden
justify-content: flex-end;
// Use box-shadow instead of border to allow border collapsing between titlebar and toolbar
box-shadow: 0 1px @border-color-base;
&-blank {
box-shadow: none;
}
.firstHeading {
flex-grow: 1;