- ensure the advanced filters are hidden when clicking the "hide/show" button
- prevent horizontal scrolling of the "saved filters" and
"other review tools" buttons on small screens.
Bug: T229360
Change-Id: I445df9124a6bb520dcf49b245f0a8392bf723c08
// Hide inner elements
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-filters,
- .mw-rcfilters-ui-filterTagMultiselectWidget-views {
+ .mw-rcfilters-ui-filterTagMultiselectWidget-views,
+ .mw-rcfilters-ui-filterTagMultiselectWidget-views-input {
display: none;
}
}
}
&-select {
- width: 1em;
-
&-widget.oo-ui-widget {
display: block;
.box-sizing( border-box );
@import 'mediawiki.mixins';
+.mw-rcfilters-collapsed {
+ .mw-rcfilters-ui-filterWrapperWidget-bottom {
+ display: none;
+ }
+}
+
.mw-rcfilters-ui-filterWrapperWidget {
width: 100%;
// Make sure this uses the interface direction, not the content direction
+@import 'mediawiki.ui/variables';
+
.mw-rcfilters-ui-rcTopSectionWidget {
&-topLinks {
&-table {
padding-left: 1em;
}
}
+
+@media screen and ( max-width: @width-breakpoint-tablet ) {
+ .mw-rcfilters-ui-rcTopSectionWidget {
+ & > .mw-rcfilters-ui-table > .mw-rcfilters-ui-row {
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ &-savedLinks {
+ padding-left: 0;
+ }
+
+ &-topLinks-table {
+ width: auto;
+ flex-grow: 1;
+ }
+
+ .mw-rcfilters-ui-table-placeholder {
+ width: auto;
+ }
+ }
+}