d228b2cbd7
The only usage of mw-ui-button is inside the SpecialMobileWatchList class in MobileFrontend. Thus we needlessly load as a render blocking CSS on all page views multi-line and two-line are likewise only used inside MobileSpecialPageFeed.php mobile.special.styles is loaded on all Special pages so let's load this instead here. This also allows us to use the element on other special pages in future. Change-Id: I2b363543d0356a18194a9d08922428a6cb944797
65 lines
999 B
Plaintext
65 lines
999 B
Plaintext
@import 'minerva.variables';
|
|
|
|
// 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 {
|
|
#content {
|
|
#section_0 {
|
|
padding: 34px 0 0;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.pre-content {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
// Specific to override mobile display
|
|
.heading-holder .tagline {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
h1,
|
|
h2 {
|
|
// Important given we have no idea which rules special pages are enforcing
|
|
font-family: @fontFamily !important;
|
|
}
|
|
|
|
.content-header {
|
|
h1,
|
|
h2 {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Used by MobileSpecialPageFeed.php in MobileFrontend
|
|
.truncated-text {
|
|
|
|
// 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;
|
|
}
|
|
}
|