@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 phui-chart-css
3 */
4
5.chart .axis line,
6.chart .axis path {
7 fill: none;
8 stroke: {$blueborder};
9 shape-rendering: crispEdges;
10}
11
12.chart .axis text {
13 font: {$basefont};
14 fill: {$darkgreytext};
15}
16
17.chart .outer,
18.chart .inner {
19 shape-rendering: crispEdges;
20}
21
22.chart .outer {
23 fill: none;
24 stroke: none;
25}
26
27.chart .inner {
28 fill: {$lightbluebackground};
29 stroke: {$lightblueborder};
30}
31
32.chart .line {
33 fill: none;
34 stroke: {$blue};
35 stroke-width: 1px;
36}
37
38.chart .point {
39 fill: {$lightgreybackground};
40 stroke: {$darkgreyborder};
41 stroke-width: 1px;
42 position: relative;
43 cursor: pointer;
44}
45
46.chart-tooltip {
47 position: absolute;
48 text-align: center;
49 width: 120px;
50 overflow: hidden;
51 padding: 2px;
52 background: {$lightbluebackground};
53 border: 1px solid {$blueborder};
54 border-radius: 8px;
55 pointer-events: none;
56}
57
58.chart-hardpoint {
59 min-height: 480px;
60 overflow: hidden;
61 position: relative;
62}
63
64.device-desktop .chart-container {
65 position: absolute;
66 bottom: 0;
67 top: 0;
68 left: 0;
69 right: 300px;
70}
71
72.device .chart-container {
73 min-height: 480px;
74}
75
76.device-desktop .chart-curtain {
77 width: 300px;
78 position: absolute;
79 bottom: 0;
80 top: 0;
81 right: 0;
82}
83
84.chart-function-label-list {
85 background: {$lightbluebackground};
86 border: 1px solid {$lightblueborder};
87 padding: 8px 12px;
88}
89
90.device-desktop .chart-function-label-list {
91 margin-top: 23px;
92}
93
94.chart-function-label-list-item .phui-icon-view {
95 margin-right: 8px;
96}