From: VolkerE Date: Wed, 7 Nov 2018 00:05:22 +0000 (+0000) Subject: Revert "RCFilters: Use `display: flex` for better responsiveness on narrow canvas" X-Git-Tag: 1.34.0-rc.0~3548^2 X-Git-Url: https://git.cyclocoop.org/%28%28?a=commitdiff_plain;h=81b1746f74bf02924c5ebc3bcefa4744b07f3b78;p=lhc%2Fweb%2Fwiklou.git Revert "RCFilters: Use `display: flex` for better responsiveness on narrow canvas" This reverts commit d3cee1316f517ba643b8535fa8a30e6ad1a3f028. Bug: T208898 Change-Id: Ie2c431b247027a16c65b258c610eb28e6737b29d --- diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less index febdebca00..f7081af411 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less @@ -17,52 +17,3 @@ vertical-align: top; } } - -// Support: Edge 12+, Firefox 28+, Chrome 28+, Saf 9+, Op 17+, iOS 9+, Android 4.4+ -// Use Flexbox in browsers supporting it only -@supports ( display: flex ) { - // Equal cells which wrap, with 1em of space in between - .mw-rcfilters-ui { - &-row { - display: flex; - flex-wrap: wrap; - margin: 0 -0.5em; - justify-content: space-between; - } - - &-cell { - flex: 1 1; - padding: 0 0.5em; - } - - &-watchlistTopSectionWidget-watchlistDetails { - min-width: 20em; - } - - &-filterTagMultiselectWidget-cell-save, - &-filterTagMultiselectWidget-cell-reset, - &-filterTagMultiselectWidget-views-select, - &-watchlistTopSectionWidget-editWatchlistButton, - &-watchlistTopSectionWidget-savedLinks, - &-itemMenuOptionWidget-highlightButton, - &-itemMenuOptionWidget-excludeLabel, - &-rcTopSectionWidget-savedLinks{ - flex: 0 1; - align-self: flex-end; - } - - &-filterTagMultiselectWidget-views-select { - // FIXME: Possible bug in the current styling? - width: auto !important; // stylelint-disable-line declaration-no-important - padding-left: 0; - } - - &-filterTagMultiselectWidget-views-input { - padding-right: 0; - } - - &-watchlistTopSectionWidget-editWatchlistButton .oo-ui-buttonWidget { - margin-left: 0; - } - } -}