Revert "RCFilters: Use `display: flex` for better responsiveness on narrow canvas"
authorVolkerE <volker.e@wikimedia.org>
Wed, 7 Nov 2018 00:05:22 +0000 (00:05 +0000)
committerVolkerE <volker.e@wikimedia.org>
Wed, 7 Nov 2018 00:05:22 +0000 (00:05 +0000)
This reverts commit d3cee1316f517ba643b8535fa8a30e6ad1a3f028.

Bug: T208898
Change-Id: Ie2c431b247027a16c65b258c610eb28e6737b29d

resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less

index febdebc..f7081af 100644 (file)
                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;
-               }
-       }
-}