From 0b00cb9721357909ef7c9fecb355a9a1e2615b32 Mon Sep 17 00:00:00 2001 From: Jan Drewniak Date: Thu, 1 Aug 2019 17:31:35 +0200 Subject: [PATCH] rcfilters mobile cleanup - 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 --- ...filters.ui.FilterTagMultiselectWidget.less | 5 ++-- .../mw.rcfilters.ui.FilterWrapperWidget.less | 6 +++++ .../mw.rcfilters.ui.RcTopSectionWidget.less | 24 +++++++++++++++++++ 3 files changed, 32 insertions(+), 3 deletions(-) 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 d67739d20c..e44ebaeb8a 100644 --- 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 4e7d02d23e..46c54415b1 100644 --- 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 8e309375fa..19b64b2b96 100644 --- 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; + } + } +} -- 2.20.1