// compatibility (browsers able to understand gradient syntax support also SVG).
// http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique
//
-// We use gzip compression, which means that it is okay to embed twice.
-//
// We do not embed the fallback image on the assumption that the gain for old browsers
// is not worth the harm done to modern ones.
.background-image-svg( @svg, @fallback ) {
// Update label if needed
var labelMsg = this.itemModel.getLabelMessageKey( this.invertModel.isSelected() );
if ( labelMsg ) {
- this.setLabel( $( '<div>' ).html(
- mw.message( labelMsg, mw.html.escape( this.itemModel.getLabel() ) ).parse()
+ this.setLabel( $( '<div>' ).append(
+ $( '<bdi>' ).html(
+ mw.message( labelMsg, mw.html.escape( this.itemModel.getLabel() ) ).parse()
+ )
).contents() );
} else {
- this.setLabel( this.itemModel.getLabel() );
+ this.setLabel(
+ $( '<bdi>' ).append(
+ this.itemModel.getLabel()
+ )
+ );
}
this.setCurrentMuteState();