* @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
* @param {mw.rcfilters.dm.ItemModel} invertModel
* @param {mw.rcfilters.dm.ItemModel} itemModel Item model
+ * @param {mw.rcfilters.ui.HighlightPopupWidget} highlightPopup Shared highlight color picker
* @param {Object} config Configuration object
*/
mw.rcfilters.ui.ItemMenuOptionWidget = function MwRcfiltersUiItemMenuOptionWidget(
- controller, filtersViewModel, invertModel, itemModel, config
+ controller, filtersViewModel, invertModel, itemModel, highlightPopup, config
) {
var layout,
classes = [],
$label.append(
$( '<div>' )
.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label-title' )
- .append( this.$label )
+ .append( $( '<bdi>' ).append( this.$label ) )
);
if ( this.itemModel.getDescription() ) {
$label.append(
$( '<div>' )
.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label-desc' )
- .text( this.itemModel.getDescription() )
+ .append( $( '<bdi>' ).text( this.itemModel.getDescription() ) )
);
}
this.highlightButton = new mw.rcfilters.ui.FilterItemHighlightButton(
this.controller,
this.itemModel,
+ highlightPopup,
{
$overlay: config.$overlay || this.$element,
title: mw.msg( 'rcfilters-highlightmenu-help' )
classes.push( 'mw-rcfilters-ui-itemMenuOptionWidget-identifier-' + ident );
} );
- this.$element.addClass( classes.join( ' ' ) );
+ this.$element.addClass( classes );
}
this.updateUiBasedOnState();