- Change the hamburger icon to plus sign.
- Change the search bar input placeholder text to "Main filter menu".
- Adjust the font style of main entry point placeholder.
- Adjust the font style of the advanced filters label.
Bug: T175217
Change-Id: I24742b68ef8bfeb9f3f71d5dc8818464412ab3f2
"rcfilters-restore-default-filters": "Restore default filters",
"rcfilters-clear-all-filters": "Clear all filters",
"rcfilters-show-new-changes": "View newest changes",
- "rcfilters-search-placeholder": "Filter recent changes (browse or start typing)",
+ "rcfilters-search-placeholder": "Main filter menu",
"rcfilters-invalid-filter": "Invalid filter",
"rcfilters-empty-filter": "No active filters. All contributions are shown.",
"rcfilters-filterlist-title": "Filters",
'oojs-ui.styles.icons-editing-styling',
'oojs-ui.styles.icons-interactions',
'oojs-ui.styles.icons-content',
- 'oojs-ui.styles.icons-layout',
+ 'oojs-ui.styles.icons-interactions',
'oojs-ui.styles.icons-media',
],
],
.highlight-changesListWrapperWidget( tint( mix( @@c1var, mix( @@c2var, average( @@c3var, @@c4var ), 25% ), 25% ), 25% ) );
}
}
+
+.input-placeholder-color( @color, @font-weight: bold ) {
+ /* stylelint-disable selector-no-vendor-prefix */
+ &::-webkit-input-placeholder { /* WebKit, Blink */
+ color: @color;
+ font-weight: @font-weight;
+ }
+ &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+ color: @color;
+ opacity: 1; // Firefox's placeholder defaults with a reduced opacity
+ font-weight: @font-weight;
+ }
+ &::-moz-placeholder { /* Mozilla Firefox 19+ */
+ color: @color;
+ opacity: 1;
+ font-weight: @font-weight;
+ }
+ &:-ms-input-placeholder { /* Internet Explorer 10-11 */
+ color: @color;
+ font-weight: @font-weight;
+ }
+ &::-ms-input-placeholder { /* Microsoft Edge */
+ color: @color;
+ font-weight: @font-weight;
+ }
+ /* stylelint-enable */
+ &::placeholder {
+ color: @color;
+ opacity: 1;
+ font-weight: @font-weight;
+ }
+}
-@import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mw.rcfilters.mixins.less';
.mw-rcfilters-ui-filterTagMultiselectWidget {
max-width: none;
direction: ltr;
border-bottom-right-radius: 0;
height: 2.5em;
+
+ .input-placeholder-color( @colorGray5 );
}
&.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement:first-child {
margin-left: 0;
+
+ > .oo-ui-buttonElement-button {
+ color: @colorGray5;
+ }
}
}
}
]
},
input: {
- icon: 'menu',
+ icon: 'add',
placeholder: mw.msg( 'rcfilters-search-placeholder' )
}
}, config ) );
this.controller.trackFilterGroupings( 'filtermenu' );
}
- this.input.setIcon( isVisible ? 'search' : 'menu' );
+ this.input.setIcon( isVisible ? 'search' : 'add' );
};
/**