Bug: T158006
Change-Id: I83f72273bc5bf7bd9548d60efd094e427ff0e13a
@import "mw.rcfilters.mixins";
.mw-rcfilters-ui-capsuleItemWidget {
@import "mw.rcfilters.mixins";
.mw-rcfilters-ui-capsuleItemWidget {
- &-popup {
- padding: 1em;
- }
-
- .oo-ui-popupWidget {
- // Fix the positioning of the popup itself
- margin-top: 1em;
+ &-popup-content {
+ padding: 0.5em;
+ color: #54595d;
}
.oo-ui-labelElement-label {
}
.oo-ui-labelElement-label {
*/
mw.rcfilters.ui.CapsuleItemWidget = function MwRcfiltersUiCapsuleItemWidget( controller, model, config ) {
var $popupContent = $( '<div>' )
*/
mw.rcfilters.ui.CapsuleItemWidget = function MwRcfiltersUiCapsuleItemWidget( controller, model, config ) {
var $popupContent = $( '<div>' )
- .addClass( 'mw-rcfilters-ui-capsuleItemWidget-popup' ),
+ .addClass( 'mw-rcfilters-ui-capsuleItemWidget-popup-content' ),
descLabelWidget = new OO.ui.LabelWidget();
// Configuration initialization
descLabelWidget = new OO.ui.LabelWidget();
// Configuration initialization
// Mixin constructors
OO.ui.mixin.PopupElement.call( this, $.extend( {
popup: {
// Mixin constructors
OO.ui.mixin.PopupElement.call( this, $.extend( {
popup: {
align: 'center',
$content: $popupContent
.append( descLabelWidget.$element ),
align: 'center',
$content: $popupContent
.append( descLabelWidget.$element ),
- $floatableContainer: this.$element
+ $floatableContainer: this.$element,
+ classes: [ 'mw-rcfilters-ui-capsuleItemWidget-popup' ]