dépôts
/
lhc
/
web
/
wiklou.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
RCFilters: Improve circle mixin and change to new standard icon size
[lhc/web/wiklou.git]
/
resources
/
src
/
mediawiki.rcfilters
/
styles
/
mw.rcfilters.ui.FilterItemHighlightButton.less
diff --git
a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less
b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less
index
198f599
..
93fae1e
100644
(file)
--- a/
resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less
+++ b/
resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemHighlightButton.less
@@
-1,29
+1,30
@@
@import 'mw.rcfilters.mixins';
@import 'mw.rcfilters.mixins';
+@import 'mw.rcfilters.variables';
.mw-rcfilters-ui-filterItemHighlightButton {
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
.mw-rcfilters-ui-filterItemHighlightButton {
.oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > &-circle {
+ background-image: none;
display: inline-block;
vertical-align: middle;
display: inline-block;
vertical-align: middle;
- background-image: none;
- margin-right: 0.2em;
+ // Override OOUI rule on frameless icons
+ opacity: 1;
+ .mw-rcfilters-circle( @min-size-circle, @size-circle, @margin-circle 0 );
&-color {
&-c1 {
&-color {
&-c1 {
- // These values duplicate the sizing of the icon
- // width/height 1.875em
- .mw-rcfilters-mixin-circle( @highlight-c1, 1.875em, 0.2em 0 );
+ .mw-rcfilters-circle-color( @highlight-c1 );
}
&-c2 {
}
&-c2 {
- .mw-rcfilters-
mixin-circle( @highlight-c2, 1.875em, 0.2em 0
);
+ .mw-rcfilters-
circle-color( @highlight-c2
);
}
&-c3 {
}
&-c3 {
- .mw-rcfilters-
mixin-circle( @highlight-c3, 1.875em, 0.2em 0
);
+ .mw-rcfilters-
circle-color( @highlight-c3
);
}
&-c4 {
}
&-c4 {
- .mw-rcfilters-
mixin-circle( @highlight-c4, 1.875em, 0.2em 0
);
+ .mw-rcfilters-
circle-color( @highlight-c4
);
}
&-c5 {
}
&-c5 {
- .mw-rcfilters-
mixin-circle( @highlight-c5, 1.875em, 0.2em 0
);
+ .mw-rcfilters-
circle-color( @highlight-c5
);
}
}
}
}
}
}