RCFilters UI: Adjust highlight button circle to new OOjsUI changes
authorMoriel Schottlender <moriel@gmail.com>
Thu, 2 Mar 2017 19:17:07 +0000 (11:17 -0800)
committerMoriel Schottlender <moriel@gmail.com>
Thu, 2 Mar 2017 19:27:37 +0000 (11:27 -0800)
Change-Id: Iaf9aeb8ac4e0ce5253bb5289884ab63a28e680b6

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

index dca4992..3f70125 100644 (file)
@@ -2,7 +2,7 @@
 
 .mw-rcfilters-ui-filterItemHighlightButton {
 
-       &-circle {
+       .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
                display: inline-block;
                vertical-align: middle;
                background-image: none;
                        &-c1 {
                                // These values duplicate the sizing of the icon
                                // width/height 1.875em
-                               .mw-rcfilters-mixin-circle( @highlight-c1, 1.875em, 0 );
+                               .mw-rcfilters-mixin-circle( @highlight-c1, 1.875em, 0.2em 0 );
                        }
                        &-c2 {
-                               .mw-rcfilters-mixin-circle( @highlight-c2, 1.875em, 0 );
+                               .mw-rcfilters-mixin-circle( @highlight-c2, 1.875em, 0.2em 0 );
                        }
                        &-c3 {
-                               .mw-rcfilters-mixin-circle( @highlight-c3, 1.875em, 0 );
+                               .mw-rcfilters-mixin-circle( @highlight-c3, 1.875em, 0.2em 0 );
                        }
                        &-c4 {
-                               .mw-rcfilters-mixin-circle( @highlight-c4, 1.875em, 0 );
+                               .mw-rcfilters-mixin-circle( @highlight-c4, 1.875em, 0.2em 0 );
                        }
                        &-c5 {
-                               .mw-rcfilters-mixin-circle( @highlight-c5, 1.875em, 0 );
+                               .mw-rcfilters-mixin-circle( @highlight-c5, 1.875em, 0.2em 0 );
                        }
                }
        }