summaryrefslogtreecommitdiff
path: root/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ChangesListWrapperWidget.highlightCircles.seenunseen.less
blob: 5f6fbea2fb4f26bf0e72af8a1fbf886011841597 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
@import 'mw.rcfilters.mixins';

.mw-rcfilters-ui-changesListWrapperWidget {
	ul {
		list-style: none;

		li {
			list-style: none;
		}
	}

	// Make more specific for the overrides
	div&-highlights {
		display: inline-block;

		&-color {
			&-none {
				display: inline-block;
				.mw-changeslist-watchedseen & {
					.mw-rcfilters-ui-changesListWrapperWidget.mw-rcfilters-ui-changesListWrapperWidget-highlighted & {
						.mw-rcfilters-mixin-circle( @highlight-none, @result-circle-diameter, 0, true, @highlight-grey, true );
					}

					.mw-rcfilters-ui-changesListWrapperWidget:not( .mw-rcfilters-ui-changesListWrapperWidget-highlighted ) & {
						.mw-rcfilters-mixin-circle( @highlight-none, @result-circle-diameter, 0, true, @highlight-bluedot, true );
					}
				}

				.mw-changeslist-watchedunseen & {
					.mw-rcfilters-ui-changesListWrapperWidget.mw-rcfilters-ui-changesListWrapperWidget-highlighted & {
						.mw-rcfilters-mixin-circle( @highlight-grey, @result-circle-diameter, 0, true, @highlight-grey );
					}

					.mw-rcfilters-ui-changesListWrapperWidget:not( .mw-rcfilters-ui-changesListWrapperWidget-highlighted ) & {
						.mw-rcfilters-mixin-circle( @highlight-bluedot, @result-circle-diameter, 0, true, @highlight-bluedot );
					}
				}

			}

			// Watchlist unseen highlighted fixes
			// Seen (empty circle)
			// There's no need to correct 'unseen' because that would be
			// a filled colorful circle, which is the regular rendering
			.mw-changeslist-watchedseen &-c1 {
				.mw-rcfilters-mixin-circle( @highlight-c1, @result-circle-diameter, 0, true, @highlight-c1, true );
			}

			.mw-changeslist-watchedseen &-c2 {
				.mw-rcfilters-mixin-circle( @highlight-c2, @result-circle-diameter, 0, true, @highlight-c2, true );
			}

			.mw-changeslist-watchedseen &-c3 {
				.mw-rcfilters-mixin-circle( @highlight-c3, @result-circle-diameter, 0, true, @highlight-c3, true );
			}

			.mw-changeslist-watchedseen &-c4 {
				.mw-rcfilters-mixin-circle( @highlight-c4, @result-circle-diameter, 0, true, @highlight-c4, true );
			}

			.mw-changeslist-watchedseen &-c5 {
				.mw-rcfilters-mixin-circle( @highlight-c5, @result-circle-diameter, 0, true, @highlight-c5, true );
			}
		}
	}
}