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
This commit is contained in:
Jon Robson 2024-04-15 15:13:20 -07:00 committed by Jdlrobson
parent b01d9420a0
commit 9ad8766d67

View file

@ -76,3 +76,46 @@
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;
}
}
}