mediawiki-skins-MinervaNeue/skinStyles/mobile.special.styles/minerva.less
Jon Robson 9ad8766d67 AMC-disabled Watchlist should mirror MobileFrontend version
* Hide RC filters on AMC -disabled view
* Add margin between tabs and list and full width border
* Hide 3rd and 4th tabs on watchlist view

Bug: T266065
Change-Id: I39a20bb763c6057d65550bdfface0d9156799dac
2024-04-25 23:29:36 +00:00

122 lines
2.3 KiB
Plaintext

// stylelint-disable selector-max-id
@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
@import 'mediawiki.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;
}
}
}
}
.ns-special {
.mw-body .mw-first-heading {
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;
}
.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;
}
}
/* Watchlist with AMC disabled */
html.mw-mf-amc-clientpref-0 body.mw-special-Watchlist {
#mw-content-subtitle {
margin: 0;
}
.watchlistDetails,
.mw-rcfilters-head,
.mw-fr-reviewlink,
.mw-rcfilters-spinner,
.mw-rcfilters-container {
display: none;
}
.mw-rcfilters-ui-changesListWrapperWidget {
border-top: 1px solid @border-color-subtle;
margin: 20px 0 0;
width: 100%;
max-width: none;
}
@media screen and ( min-width: @width-breakpoint-desktop ) {
.mw-changeslist {
margin-left: auto;
margin-right: auto;
width: 90%;
max-width: @max-width-content-tablet;
}
}
}
/* Hide edit raw watchlist and clear watchlist options for non-advanced logged in users */
html.mw-mf-amc-clientpref-0 {
body.mw-special-Watchlist,
body.mw-special-EditWatchlist {
/* Hide third and forth tabs */
#p-associated-pages .minerva__tab:nth-child( 3 ),
#p-associated-pages .minerva__tab:nth-child( 4 ) {
display: none;
}
}
}