Restore unconditional rendering of siteSub with styling modifications

The margin is moved to non-empty elements to avoid extra whitespace
when it is empty

Bug: T315639
Change-Id: I22aa7dbbacc5bc4ac87cffa13113ced9c9400e0b
This commit is contained in:
Jon Robson 2022-09-23 09:57:02 -07:00
parent 77c7608f0d
commit 330dc5f705
2 changed files with 19 additions and 18 deletions

View file

@ -58,7 +58,9 @@
{{>ArticleToolbar}}
<div id="bodyContent" class="vector-body" data-mw-ve-target-container>
{{>ContentSubheader}}
{{#html-subtitle}}<div id="contentSub"{{{html-user-language-attributes}}}>{{{.}}}</div>{{/html-subtitle}}
{{! the #contentSub element is currently used by editors, do not hide or remove it
until https://phabricator.wikimedia.org/T316830 has been addressed}}
<div id="contentSub"{{{html-user-language-attributes}}}>{{{html-subtitle}}}</div>
{{#html-undelete-link}}<div id="contentSub2">{{{.}}}</div>{{/html-undelete-link}}
{{{html-user-message}}}
{{{html-body-content}}}

View file

@ -84,28 +84,27 @@ body {
float: right;
}
#siteSub {
// By default its hidden as it was hidden in Vector legacy but site styles can reveal.
display: none;
}
.vector-body {
position: relative;
z-index: @z-index-base;
}
#siteSub {
margin-top: 8px; // T311564
}
#siteSub {
// By default its hidden as it was hidden in Vector legacy but site styles can reveal.
display: none;
margin-top: 8px; // T311564
}
#contentSub,
#contentSub2 {
font-size: 84%;
line-height: 1.2em;
// T311564
margin: 8px 0 0;
color: #54595d;
width: auto;
}
// Styles only applied to non-empty #contentSub to avoid extra margins when both #contentSub and #contentSub2
// are rendered.
#contentSub:not( :empty ),
#contentSub2 {
font-size: 84%;
line-height: 1.2em;
color: @color-base--subtle;
width: auto;
// Visually separate #contentSub and #contentSub2 (T315639)
margin: 8px 0 0;
}
#left-navigation {