@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 aphront-bars
3 */
4
5/**
6 * Progress bars
7 */
8
9div.aphront-bar.progress {
10 border: 0px;
11}
12
13div.aphront-bar.progress div {
14 width: 100px;
15 border: 1px solid;
16 border-top-color: {$lightgreyborder};
17 border-right-color: {$lightgreyborder};
18 border-bottom-color: {$lightgreyborder};
19 border-left-color: {$greyborder};
20 background: white;
21 float: left;
22 margin-right: 12px;
23}
24
25div.aphront-bar.progress div div {
26 height: 10px;
27}
28
29div.aphront-bar.progress span {
30 color: {$darkgreytext};
31}
32
33
34/**
35 * Glyph bars
36 */
37
38div.aphront-bar.glyph {
39 clear: both;
40}
41
42div.aphront-bar.glyph div.glyphs {
43 padding: 0;
44 margin: 0;
45
46 float: left;
47 position: relative;
48 color: #aaa;
49 font-family: monospace;
50 height: 16px;
51}
52
53div.aphront-bar.glyph div.glyphs.starstar {
54 /* http://daringfireball.net/2005/08/star_star */
55 font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats";
56}
57
58div.aphront-bar.glyph div.glyphs div.fg {
59 padding: 0;
60 margin: 0;
61 float: left;
62 position: absolute;
63 overflow: hidden;
64}
65
66div.aphront-bar.glyph div.caption {
67 padding: 0;
68 margin: 0;
69 float: left;
70 margin-left: 12px;
71 color: {$greytext};
72}
73
74
75/**
76 * Common color classes
77 */
78div.aphront-bar.progress.color-default div div {
79 background: {$blue};
80}
81
82div.aphront-bar.glyph.color-default div.glyphs div.fg {
83 color: {$blue};
84}
85
86div.aphront-bar.progress.color-warning div div {
87 background: {$yellow};
88}
89
90div.aphront-bar.glyph.color-warning div.glyphs div.fg {
91 color: {$yellow};
92}
93
94div.aphront-bar.progress.color-danger div div {
95 background: {$red};
96}
97
98div.aphront-bar.glyph.color-danger div.glyphs div.fg {
99 color: {$red};
100}