@import 'mw.rcfilters.mixins';
.mw-rcfilters-ui-changesListWrapperWidget {
+ &-results {
+ width: 35em;
+ margin: 5em auto;
+
+ &-noresult,
+ &-conflict {
+ font-weight: bold;
+ margin-bottom: 0.5em;
+ }
+ }
+
+ ul {
+ // Each li's margin-left should be the width of the highlights
+ // element + the margin
+ margin-left: ~'calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 + @{result-circle-general-margin} )';
+ }
+
&-highlighted {
ul {
list-style: none;
- // Each li's margin-left should be the width of the highlights
- // element + the margin
- margin-left: ~'calc( ( @{result-circle-diameter} + @{result-circle-margin} ) * 5 + @{result-circle-general-margin} )';
li {
list-style: none;
}
}
+ .mw-changeslist-legend {
+ background-color: #fff;
+ }
+
// Correction for Enhanced RC
// This is outside the scope of the 'highlights' wrapper
table.mw-enhanced-rc {
// Two colors
.highlight-color-mix( c1, c2 );
- .highlight-color-mix( c1, c3 );
+ // Overriding .highlight-color-mix( c1, c3 ); to produce
+ // a custom color rather than the computed tint
+ // see https://phabricator.wikimedia.org/T161267
+ .mw-rcfilters-highlight-color-c1.mw-rcfilters-highlight-color-c3 {
+ background-color: #ccdecc;
+ }
.highlight-color-mix( c1, c4 );
.highlight-color-mix( c1, c5 );
.highlight-color-mix( c2, c3 );