@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-object-box-css
3 */
4
5.phui-object-box {
6 position: relative;
7 padding: 12px 12px 4px 12px;
8}
9
10.phui-object-box.phui-object-box-collapsed {
11 padding: 12px 0 0 0;
12}
13
14.device-phone .phui-object-box.phui-object-box-collapsed {
15 padding: 8px 0 0 0;
16}
17
18.phui-object-box.phui-object-box-collapsed .phui-header-shell {
19 padding: 0 8px 12px 16px;
20}
21
22.device-phone .phui-object-box.phui-object-box-collapsed .phui-header-shell {
23 padding: 0 8px 8px;
24}
25
26div.phui-object-box.phui-object-box-flush {
27 margin-top: 0;
28}
29
30.phui-object-box .phui-header-shell + .phui-info-view {
31 margin: 12px 0 0 0;
32}
33
34.phui-object-box.phui-object-box-collapsed
35 .phui-header-shell + .phui-info-view {
36 margin: 0;
37 border-radius: 0;
38 border: 0;
39 border-bottom: 1px solid {$thinblueborder};
40}
41
42.device-phone .phui-object-box {
43 margin: 8px;
44 padding: 8px 8px 4px 8px;
45}
46
47.device-phone .phui-object-box .phui-header-shell {
48 padding: 4px 0 12px 4px;
49}
50
51.device-tablet .phui-object-box {
52 margin: 8px 8px 0 8px;
53}
54
55.phui-object-box .phui-header-header .phui-tag-view {
56 margin-left: 8px;
57}
58
59.phui-object-box .phui-header-header .phui-tag-core {
60 border-color: transparent;
61 padding: 1px 6px;
62 font-size: {$normalfontsize};
63}
64
65.phui-object-box-tail-buttons {
66 padding: 8px;
67 background: {$lightgreybackground};
68 border-top: 1px solid {$lightgreyborder};
69}
70
71/* - Object Box Colors ------------------------------------------------------ */
72
73.phui-box-border.phui-object-box-green {
74 border: 1px solid {$green};
75}
76
77.phui-box-border.phui-object-box-green .phui-header-view {
78 color: {$green};
79}
80
81.phui-box-border.phui-object-box-green .phui-header-shell {
82 border-bottom-color: {$lightgreen};
83}
84
85.phui-box-border.phui-object-box-blue {
86 border: 1px solid {$blue};
87}
88
89.phui-box-border.phui-object-box-blue .phui-header-view {
90 color: {$blue};
91}
92
93.phui-box-border.phui-object-box-blue .phui-header-shell {
94 border-bottom-color: {$lightblue};
95}
96
97.phui-box-border.phui-object-box-red {
98 border: 1px solid {$red};
99}
100
101.phui-box-border.phui-object-box-red .phui-header-view {
102 color: {$red};
103}
104
105.phui-box-border.phui-object-box-red .phui-header-shell {
106 border-bottom-color: {$lightred};
107}
108
109.phui-object-box-hidden-content {
110 background: {$lightgreybackground};
111 border-bottom: 1px solid {$thinblueborder};
112}
113
114.phui-object-box.phui-object-box-collapsed .phui-object-box-hidden-content {
115 margin: 0;
116}
117
118/* - Double Object Box Override --------------------------------------------- */
119
120.phui-object-box .phui-object-box {
121 padding: 0;
122}
123
124/* eh oh el */
125.phui-object-box .phui-object-box + .phui-object-box {
126 border-top: 1px solid {$thinblueborder};
127}
128
129.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {
130 font-family: {$fontfamily};
131}
132
133.phui-object-box .phui-box-border {
134 border-width: 0;
135 padding: 0;
136 margin: 0;
137}
138
139.phui-object-box .phui-box-border.phui-box-blue-property {
140 border-width: 1px;
141}
142
143.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {
144 font-size: {$normalfontsize};
145 margin: 0;
146 color: {$darkbluetext};
147 font-weight: bold;
148}
149
150.phui-object-box .phui-object-box .phui-header-shell {
151 margin: 0;
152 padding: 4px 8px;
153 background-color: {$lightgreybackground};
154}
155
156/* - Pager at the bottom ---------------------------------------------------- */
157
158.phui-object-box-pager {
159 background-color: {$bluebackground};
160 border-top: 1px solid {$lightblueborder};
161}
162
163.phui-object-box-pager a.button {
164 margin-top: 8px;
165 margin-bottom: 8px;
166}
167
168.phui-object-box-instructions {
169 padding: 16px;
170 border-bottom: 1px solid {$thinblueborder};
171}