@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
1/**
2 * @provides diff-tree-view-css
3 */
4
5.diff-tree-view {
6 margin: 0 4px;
7}
8
9.diff-tree-path {
10 height: 20px;
11 line-height: 20px;
12 color: {$greytext};
13 border-left: 4px solid transparent;
14}
15
16.diff-tree-path-indent {
17 position: relative;
18}
19
20.diff-tree-path-icon {
21 position: absolute;
22 width: 20px;
23 height: 20px;
24 text-align: center;
25}
26
27.diff-tree-path-icon .phui-icon-view {
28 color: {$greytext};
29}
30
31.diff-tree-path-name {
32 margin-left: 22px;
33 margin-right: 44px;
34 white-space: nowrap;
35 overflow: hidden;
36 text-overflow: ellipsis;
37}
38
39.diff-tree-path-changeset {
40 cursor: pointer;
41 color: {$darkbluetext};
42}
43
44.diff-tree-path-focused {
45 background: {$navigation-menu-selection-background};
46}
47
48.device-desktop .diff-tree-path-changeset:hover {
49 background: {$navigation-menu-hover-background};
50 transition: 0.1s;
51}
52
53.diff-tree-view .diff-tree-path-changeset.diff-tree-path-selected {
54 /* Rule is intentionally more specific than "hover". */
55 background: {$gentle.highlight};
56}
57
58.diff-tree-path-low-importance .diff-tree-path-name {
59 opacity: 0.5;
60}
61
62.diff-tree-path-hidden {
63 opacity: 0.25;
64}
65
66.diff-tree-path-icon-hidden,
67.diff-tree-path-hidden .diff-tree-path-icon-kind {
68 display: none;
69}
70
71.diff-tree-path-hidden .diff-tree-path-icon-hidden {
72 display: block;
73}
74
75.diff-tree-path-owned {
76 border-left-color: {$orange};
77 box-shadow: inset 2px 0 {$lightorange};
78}
79
80.diff-tree-path-inlines {
81 display: none;
82 position: absolute;
83 right: 4px;
84 border-radius: 4px;
85 text-align: center;
86 top: 2px;
87 height: 16px;
88 line-height: 14px;
89 width: 36px;
90 font-size: {$smallerfontsize};
91 color: {$greytext};
92}
93
94.diff-tree-path-inlines-visible {
95 display: block;
96 background: {$lightblueborder};
97}
98
99.diff-tree-path-inlines-completed {
100 background: {$darkgreybackground};
101 color: {$lightgreytext};
102 opacity: 0.75;
103}