Diff and history link separated via CSS
[lhc/web/wiklou.git] / resources / src / mediawiki.special.changeslist.less
1 /*
2 * Styling for Special:Watchlist and Special:RecentChanges
3 */
4
5 .mw-changeslist-line-watched .mw-title {
6 font-weight: bold;
7 }
8
9 /*
10 * Titles, including username links, and also tag names
11 * are prone to getting jumbled up
12 * with other titles, usernames, etc. in mixed RTL-LTR environment.
13 */
14 .mw-changeslist .mw-tag-marker,
15 .mw-changeslist .mw-title {
16 unicode-bidi: embed;
17 }
18
19 /* Colored watchlist and recent changes numbers */
20 .mw-plusminus-pos {
21 color: #006400; /* dark green */
22 }
23
24 .mw-plusminus-neg {
25 color: #8b0000; /* dark red */
26 }
27
28 .mw-plusminus-null {
29 color: #a2a9b1; /* gray */
30 }
31
32 /*
33 * Bidi-isolate these numbers.
34 * See https://phabricator.wikimedia.org/T93484
35 */
36 .mw-plusminus-pos,
37 .mw-plusminus-neg,
38 .mw-plusminus-null {
39 unicode-bidi: -moz-isolate;
40 unicode-bidi: isolate;
41 }
42
43 /* Prevent FOUC if legend is initially collapsed */
44 .mw-changeslist-legend.mw-collapsed .mw-collapsible-content {
45 display: none;
46 }
47
48 .mw-changeslist-legend.mw-collapsed {
49 margin-bottom: 0;
50 }
51
52 /* Prevent pushing down the content if legend is collapsed */
53 .mw-changeslist-legend.mw-collapsed ~ ul:first-of-type > li:first-child,
54 .mw-changeslist-legend.mw-collapsed + h4 + div > table.mw-changeslist-line:first-child {
55 clear: right;
56 }
57
58 /* Hide RCFilters highlight containers if RCFilters is not enabled.
59 This is overridden in mw.ui.rcfilters.ChangesListWrapperWidget.less if RCFilters is enabled. */
60 .mw-rcfilters-ui-highlights {
61 display: none;
62 }
63
64 /* Content dividers */
65 /* @todo FIXME: Hard coded ". .". Is there a message for this? Should there be? */
66 .mw-changeslist-separator:empty:before {
67 content: '. .';
68 }
69
70 .mw-changeslist-link-list {
71 display: inline-block;
72 /* In @media print, list elements have margins and/or paddings defined.
73 We don't want to see margins/paddings on these elements under any circumstances. */
74 margin: 0;
75 padding: 0;
76
77 &:before {
78 content: '@{msg-parentheses-start}';
79 }
80 &:after {
81 content: '@{msg-parentheses-end}';
82 }
83
84 > li {
85 display: inline;
86
87 &:not( :first-child ):before {
88 content: '@{msg-pipe-separator}';
89 }
90 }
91 }