Merge "rcfilters mobile cleanup"

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
index d67739d..e44ebae 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
@@ -50,7 +50,8 @@
 
                // 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;
                }
        }
@@ -128,8 +129,6 @@
                }
 
                &-select {
-                       width: 1em;
-
                        &-widget.oo-ui-widget {
                                display: block;
                                .box-sizing( border-box );

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterWrapperWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterWrapperWidget.less
index 4e7d02d..46c5441 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterWrapperWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterWrapperWidget.less
@@ -1,5 +1,11 @@
 @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

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.RcTopSectionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.RcTopSectionWidget.less
index 8e30937..19b64b2 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.RcTopSectionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.RcTopSectionWidget.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.ui/variables';
+
 .mw-rcfilters-ui-rcTopSectionWidget {
        &-topLinks {
                &-table {
@@ -15,3 +17,25 @@
                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;
+               }
+       }
+}