@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 phabricator-source-code-view-css
3 */
4
5.phabricator-source-code-container {
6 overflow-x: auto;
7 overflow-y: hidden;
8 border: 1px solid {$paste.border};
9}
10
11.phui-oi .phabricator-source-code-container {
12 margin-left: 8px;
13}
14
15.phabricator-source-code {
16 white-space: pre-wrap;
17 padding: 2px 8px 1px;
18 width: 100%;
19 background: {$diff.background};
20}
21
22.phabricator-source-line {
23 background-color: {$paste.highlight};
24 text-align: right;
25 border-right: 1px solid {$paste.border};
26 color: {$sh-yellowtext};
27 white-space: nowrap;
28 -webkit-user-select: none;
29 user-select: none;
30}
31
32.phabricator-source-line > a::before {
33 /* Render the line numbers as a pseudo-element so they don't get copied. */
34 content: attr(data-n);
35}
36
37th.phabricator-source-line a,
38th.phabricator-source-line span {
39 display: block;
40 padding: 2px 6px 1px 12px;
41}
42
43th.phabricator-source-line a {
44 color: {$darkbluetext};
45}
46
47th.phabricator-source-line a:hover {
48 background: {$paste.border};
49 text-decoration: none;
50}
51
52.phabricator-source-coverage-highlight .phabricator-source-code,
53.phabricator-source-highlight .phabricator-source-code {
54 background: {$paste.highlight};
55}
56
57.phabricator-source-coverage-highlight .phabricator-source-line,
58.phabricator-source-highlight .phabricator-source-line {
59 background: {$paste.border};
60}
61
62.phabricator-source-code-summary {
63 padding-bottom: 8px;
64}
65
66/* If a Paste has enormously long lines, truncate them in the summary on the
67 list page. They'll be fully visible on the Paste itself. */
68.phabricator-source-code-summary .phabricator-source-code-container {
69 overflow-x: hidden;
70}
71
72.phabricator-source-code-summary .phabricator-source-code {
73 white-space: nowrap;
74}
75
76
77.phabricator-source-blame-skip,
78.phabricator-source-blame-info {
79 -webkit-user-select: none;
80 user-select: none;
81}
82
83.phabricator-source-blame-skip {
84 min-width: 28px;
85 border-right: 1px solid {$thinblueborder};
86}
87
88.phabricator-source-blame-info {
89 white-space: nowrap;
90 min-width: 130px;
91 border-right: 1px solid {$paste.border};
92 padding-right: 8px;
93
94 vertical-align: middle;
95 color: #ffffff;
96}
97
98.phabricator-source-blame-info a {
99 color: {$darkbluetext};
100}
101
102.phabricator-source-blame-skip a {
103 /* Give the user a larger click target. */
104 display: block;
105 padding: 2px 8px;
106}
107
108.phabricator-source-blame-skip a .phui-icon-view {
109 color: {$darkbluetext};
110}
111
112.device-desktop .phabricator-source-blame-skip a:hover {
113 background: {$bluebackground};
114}
115
116.phabricator-source-blame-author {
117 display: inline-block;
118 vertical-align: middle;
119 padding: 0;
120 margin: 0 6px 0 8px;
121 width: 16px;
122 height: 16px;
123 background-size: 100% 100%;
124 background-repeat: no-repeat;
125}
126
127th.phabricator-source-coverage {
128 padding: 0 8px;
129 border-left: 1px solid {$thinblueborder};
130 background: {$lightgreybackground};
131 cursor: w-resize;
132}