mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
a7b66f6f63
* Move method to SkinMinerva * Turn preparePageContent into a getter that returns the subject page * Use getSubjectPage in template For mobile special pages this now means the page has two .content elements On those pages I've disabled the initial content element. It also means various .content <heading> and .content ul rules now apply that need to be disabled. While testing several other issues were taken care of - for example the h2 in errors Depends-On: I7761396d6a33830f279742be01240796573556a7 Bug: T291871 Change-Id: I13bc4b5dae7aed86eca31ef306212365e1759481
98 lines
1.6 KiB
Plaintext
98 lines
1.6 KiB
Plaintext
// stylelint-disable selector-max-id
|
|
@import '../../minerva.less/minerva.variables.less';
|
|
@import '../../minerva.less/minerva.mixins.less';
|
|
|
|
.mw-mf-special-page {
|
|
#bodyContent.content {
|
|
max-width: none;
|
|
margin: 0;
|
|
width: auto;
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
// override core .content li rule
|
|
.page-header-bar li {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mw-mf-history-wrap-link {
|
|
@media all and ( min-width: @width-breakpoint-desktop ) {
|
|
margin: 0;
|
|
max-width: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// FIXME [mediawiki ui] These rules should not be needed in the mobile context
|
|
.mw-ui-button-group {
|
|
text-align: center;
|
|
|
|
* {
|
|
float: none !important;
|
|
}
|
|
|
|
// For talk and CTA drawer
|
|
.mw-ui-block {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.ns-special {
|
|
.mw-body #section_0 {
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.heading-holder {
|
|
padding-top: 26px;
|
|
// prevents margin collapsing. i.e. makes .heading-holder height match
|
|
// the bottom margin on .page-header, a child element.
|
|
overflow: auto;
|
|
}
|
|
|
|
h1,
|
|
h2 {
|
|
// Important given we have no idea which rules special pages are enforcing
|
|
font-family: @font-family-base !important;
|
|
}
|
|
|
|
.errorbox {
|
|
h2 {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.content-header {
|
|
h1,
|
|
h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
.mw-mf-user:before {
|
|
opacity: @opacity-icon-subtle;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Used by MobileSpecialPageFeed.php in MobileFrontend
|
|
.truncated-text {
|
|
.text-overflow( @visible: false );
|
|
|
|
// FIXME: this works only in WebKit
|
|
&.multi-line {
|
|
white-space: normal;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
&.two-line {
|
|
-webkit-line-clamp: 2;
|
|
// fallback for non-WebKit
|
|
max-height: 2.6em;
|
|
}
|
|
}
|