RCFilters UI: Style adjustments for the FilterCapsuleMultiselectWidget

[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / styles / mw.rcfilters.ui.FilterCapsuleMultiselectWidget.less

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterCapsuleMultiselectWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterCapsuleMultiselectWidget.less
index ea1671b..b9dd3c1 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterCapsuleMultiselectWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterCapsuleMultiselectWidget.less
@@ -1,15 +1,31 @@
 .mw-rcfilters-ui-filterCapsuleMultiselectWidget {
-       &-content-title {
+       max-width: none;
+
+       &.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
+               background-color: #f8f9fa;
+               border-radius: 2px 2px 0 0;
+               padding: 0.3em 0.6em 0.6em 0.6em;
+               margin-top: 1.6em;
+       }
+
+       .mw-rcfilters-ui-table {
+               margin-top: 0.3em;
+       }
+
+       &-wrapper-content-title {
                font-weight: bold;
                color: #54595d;
        }
 
-       &-item-inactive {
-               opacity: 0.5;
+       &-emptyFilters {
+               color: #72777d;
        }
 
-       .oo-ui-capsuleItemWidget {
-               color: #222;
-               background-color: #fff;
+       &-cell-filters {
+               width: 100%;
+       }
+       &-cell-reset {
+               text-align: right;
+               padding-left: 0.5em;
        }
 }