Bug: T156427
Bug: T156861
Change-Id: I8765dfb0554e6351b9cb3516a2bc979c57b20053
border-color: #979797;
color: #222;
border-color: #979797;
color: #222;
+ // Background and color of the capsule widget need a bit
+ // more specificity to override ooui internals
+ &-muted.oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
// Muted state
background-color: #eaecf0;
border-color: #c8ccd1;
// Muted state
background-color: #eaecf0;
border-color: #c8ccd1;
.oo-ui-labelElement-label {
color: #72777d;
}
.oo-ui-labelElement-label {
color: #72777d;
}
+ .oo-ui-buttonWidget {
+ opacity: @muted-opacity;
+ }
+ }
+
+ &-conflicted.oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
+ background-color: #fee7e6; // Red90 AAA
+ border-color: #b32424; // Red30 AAA
+ .oo-ui-labelElement-label {
+ color: #b32424;
+ }
.oo-ui-buttonWidget {
opacity: @muted-opacity;
}
}
.oo-ui-buttonWidget {
opacity: @muted-opacity;
}
}
+ &-selected.oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
background-color: #eaf3ff;
border-color: #36c;
}
background-color: #eaf3ff;
border-color: #36c;
}
'mw-rcfilters-ui-capsuleItemWidget-muted',
!this.model.isSelected() ||
this.model.isIncluded() ||
'mw-rcfilters-ui-capsuleItemWidget-muted',
!this.model.isSelected() ||
this.model.isIncluded() ||
- this.model.isConflicted() ||
this.model.isFullyCovered()
this.model.isFullyCovered()
+ )
+ .toggleClass(
+ 'mw-rcfilters-ui-capsuleItemWidget-conflicted',
+ this.model.isConflicted()