mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-09-24 10:48:29 +00:00
Merge "[Bug] Special:MobileOptions heading padding should be consistent"
This commit is contained in:
commit
9a641cd597
|
@ -1,36 +1,21 @@
|
|||
@import '../../minerva.less/minerva.variables';
|
||||
|
||||
.ns-special {
|
||||
#content {
|
||||
background: @colorGray14;
|
||||
.pre-content, form {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// T202557: This media query is for mobile devices (less wide than tablet)
|
||||
// It overrides default special page style to center the header and content properly.
|
||||
// Also it adds a 1px horizontal line as a seperator beetwen header and content
|
||||
@media all and ( max-width: ( @width-breakpoint-tablet - 1px ) ) {
|
||||
.ns-special #content .pre-content {
|
||||
margin: 0;
|
||||
#section_0 {
|
||||
padding: 34px 16px 0;
|
||||
}
|
||||
.tagline {
|
||||
margin-bottom: 1px;
|
||||
// This is needed because tagline needs to be positioned correctly
|
||||
padding: 0 16px 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media all and ( min-width: @width-breakpoint-tablet ) {
|
||||
.ns-special .pre-content {
|
||||
background: #fff;
|
||||
margin-bottom: 15px;
|
||||
|
||||
.tagline,
|
||||
h1 {
|
||||
margin: 0 @contentMargin;
|
||||
}
|
||||
}
|
||||
|
||||
.ns-special #content {
|
||||
background: @colorGray14;
|
||||
|
||||
form {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -30,8 +30,11 @@
|
|||
|
||||
// Specific to override mobile display
|
||||
.heading-holder .tagline {
|
||||
margin-bottom: 16px;
|
||||
padding-bottom: 16px; // Without it, margin starts right after the tagline and this feels like a bug.
|
||||
padding-bottom: 15px;
|
||||
// Avoid padding bottom being added on pages where there is no tagline
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
|
|
Loading…
Reference in a new issue