@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
[Redesign] Update Phriction UI
Summary: Ref T8099, convert to StatusIcon, clean up some clowny tables. Remove old CSS.
Test Plan: Test history, diff pages. Grep for CSS use.
Reviewers: epriestley, btrahan
Reviewed By: btrahan
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13056
+9
-49
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
90
90
'rsrc/css/application/phortune/phortune-credit-card-form.css' => '8391eb02',
91
91
'rsrc/css/application/phortune/phortune.css' => '9149f103',
92
92
'rsrc/css/application/phrequent/phrequent.css' => 'ffc185ad',
93
-
'rsrc/css/application/phriction/phriction-document-css.css' => '0d16bc9a',
93
+
'rsrc/css/application/phriction/phriction-document-css.css' => 'd1861e06',
94
94
'rsrc/css/application/policy/policy-edit.css' => '815c66f7',
95
95
'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
96
96
'rsrc/css/application/policy/policy.css' => '957ea14c',
···
754
754
'phortune-credit-card-form-css' => '8391eb02',
755
755
'phortune-css' => '9149f103',
756
756
'phrequent-css' => 'ffc185ad',
757
-
'phriction-document-css' => '0d16bc9a',
757
+
'phriction-document-css' => 'd1861e06',
758
758
'phui-action-panel-css' => '3ee9afd5',
759
759
'phui-box-css' => 'a5bb366d',
760
760
'phui-button-css' => 'b995182d',
+4
-6
src/applications/phriction/controller/PhrictionDiffController.php
+4
-6
src/applications/phriction/controller/PhrictionDiffController.php
···
206
206
207
207
$object_box = id(new PHUIObjectBoxView())
208
208
->setHeader($header)
209
-
->setCollapsed(true)
210
209
->appendChild($output);
211
210
212
211
return $this->buildApplicationPage(
···
244
243
'a',
245
244
array(
246
245
'href' => '/phriction/edit/'.$document_id.'/',
247
-
'class' => 'button grey',
246
+
'class' => 'button simple',
248
247
),
249
248
pht('Edit Current Version'));
250
249
}
···
254
253
'a',
255
254
array(
256
255
'href' => '/phriction/edit/'.$document_id.'/?revert='.$version,
257
-
'class' => 'button grey',
256
+
'class' => 'button simple',
258
257
),
259
258
pht('Revert to Version %s...', $version));
260
259
}
···
268
267
$handles = $this->loadViewerHandles($phids);
269
268
270
269
$list = new PHUIObjectItemListView();
271
-
$list->setFlush(true);
272
270
273
271
$first = true;
274
272
foreach ($content as $c) {
···
287
285
}
288
286
289
287
if ($first == true) {
290
-
$item->setBarColor('green');
288
+
$item->setStatusIcon('fa-file green');
291
289
$first = false;
292
290
} else {
293
-
$item->setBarColor('red');
291
+
$item->setStatusIcon('fa-file red');
294
292
}
295
293
296
294
$list->addItem($item);
+2
-2
src/applications/phriction/controller/PhrictionHistoryController.php
+2
-2
src/applications/phriction/controller/PhrictionHistoryController.php
···
75
75
$color = 'red';
76
76
break;
77
77
case PhrictionChangeType::CHANGE_EDIT:
78
-
$color = 'blue';
78
+
$color = 'lightbluetext';
79
79
break;
80
80
case PhrictionChangeType::CHANGE_MOVE_HERE:
81
81
$color = 'yellow';
···
93
93
94
94
$item = id(new PHUIObjectItemView())
95
95
->setHeader(pht('%s by %s', $change_type, $author))
96
-
->setBarColor($color)
96
+
->setStatusIcon('fa-file '.$color)
97
97
->addAttribute(
98
98
phutil_tag(
99
99
'a',
+1
-39
webroot/rsrc/css/application/phriction/phriction-document-css.css
+1
-39
webroot/rsrc/css/application/phriction/phriction-document-css.css
···
2
2
* @provides phriction-document-css
3
3
*/
4
4
5
-
.phriction-header {
6
-
background: #eeeeee;
7
-
border-bottom: 1px solid #dddddd;
8
-
padding: 1em;
9
-
}
10
-
11
-
.phriction-header a.button {
12
-
float: right;
13
-
margin: 0em 0em 0em 1%;
14
-
}
15
-
16
-
.phriction-header h1 {
17
-
margin: 4px 0;
18
-
}
19
-
20
-
.phriction-breadcrumbs {
21
-
font-size: 12px;
22
-
color: {$greytext};
23
-
}
24
-
25
5
.phriction-document-crumbs a {
26
6
font-weight: bold;
27
7
}
28
8
29
-
.phriction-children ul {
30
-
margin-left: 30px;
31
-
padding-bottom: 10px;
32
-
list-style: circle;
33
-
color: {$lightgreytext};
34
-
}
35
-
36
-
.phriction-children-header {
37
-
background: {$lightgreybackground};
38
-
padding: 8px 0 8px 16px;
39
-
font-weight: bold;
40
-
margin-bottom: 15px;
41
-
border-bottom: 1px solid {$lightblueborder};
42
-
color: {$bluetext};
43
-
text-shadow: 0 1px 2px #fff;
44
-
}
45
-
46
9
.phriction-revert-table {
47
10
width: 100%;
48
11
}
···
52
15
width: 50%;
53
16
padding: 8px 0;
54
17
margin: 0 16px;
55
-
background-color: {$lightbluebackground};
56
18
border-top: 1px solid {$lightblueborder};
57
19
}
58
20
···
64
26
width: 50%;
65
27
color: {$darkgreytext};
66
28
padding: 12px;
67
-
background-color: #E5E8EE;
29
+
background-color: {$lightgreybackground};
68
30
}
69
31
70
32
.phriction-history-nav-table td.nav-next {