mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-24 15:53:46 +00:00
Apply margin-top to indicators
Bug: T335627 Change-Id: Ic384f9d532ed0a1165c29869e53d99cd0c7dc495
This commit is contained in:
parent
bed8e2523f
commit
3433525941
|
@ -136,6 +136,9 @@
|
||||||
// Language button
|
// Language button
|
||||||
@height-button-lang: unit( 32 / @font-size-browser, em );
|
@height-button-lang: unit( 32 / @font-size-browser, em );
|
||||||
|
|
||||||
|
// Pre-content
|
||||||
|
@margin-top-pre-content: 8px;
|
||||||
|
|
||||||
// Header
|
// Header
|
||||||
// T245190 T296321 For sticky header, set an explicit height. This is needed for scroll padding
|
// T245190 T296321 For sticky header, set an explicit height. This is needed for scroll padding
|
||||||
// and for other sticky elements on the page. Setting the height in relative units enables
|
// and for other sticky elements on the page. Setting the height in relative units enables
|
||||||
|
|
|
@ -70,6 +70,12 @@ body {
|
||||||
// Contain the floating .mw-indicators, but don't use clearfix because of browser inconsistencies
|
// Contain the floating .mw-indicators, but don't use clearfix because of browser inconsistencies
|
||||||
// when combining 'clear' and 'margin-top' (T325391)
|
// when combining 'clear' and 'margin-top' (T325391)
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
|
// Margin is only applied to indicators inside `.vector-body-before-content` since they can
|
||||||
|
// also appear next to the page title, where margin is not needed.
|
||||||
|
.mw-indicators {
|
||||||
|
margin-top: @margin-top-pre-content;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mw-body .mw-portlet-lang {
|
.mw-body .mw-portlet-lang {
|
||||||
|
@ -82,7 +88,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#siteSub {
|
#siteSub {
|
||||||
margin-top: 8px; // T311564
|
margin-top: @margin-top-pre-content; // T311564
|
||||||
}
|
}
|
||||||
|
|
||||||
// Styles only applied to non-empty #contentSub to avoid extra margins when both #contentSub and #contentSub2
|
// Styles only applied to non-empty #contentSub to avoid extra margins when both #contentSub and #contentSub2
|
||||||
|
@ -94,7 +100,7 @@ body {
|
||||||
color: @color-subtle;
|
color: @color-subtle;
|
||||||
width: auto;
|
width: auto;
|
||||||
// Visually separate #contentSub and #contentSub2 (T315639)
|
// Visually separate #contentSub and #contentSub2 (T315639)
|
||||||
margin: 8px 0 0;
|
margin: @margin-top-pre-content 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.parsoid-body {
|
.parsoid-body {
|
||||||
|
|
Loading…
Reference in a new issue