@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
Switch Pholio over to lighter layout.
Summary: Gets rid of all the dark css.
Test Plan:
Do it live.
{F166665}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9545
+61
-117
+27
-26
resources/celerity/map.php
+27
-26
resources/celerity/map.php
···
80
80
'rsrc/css/application/people/people-profile.css' => 'ba7b2762',
81
81
'rsrc/css/application/phame/phame.css' => '19ecc703',
82
82
'rsrc/css/application/pholio/pholio-edit.css' => 'b9e59b6d',
83
-
'rsrc/css/application/pholio/pholio-inline-comments.css' => '3d14984a',
84
-
'rsrc/css/application/pholio/pholio.css' => '96cf492a',
83
+
'rsrc/css/application/pholio/pholio-inline-comments.css' => '609c3320',
84
+
'rsrc/css/application/pholio/pholio.css' => '72af321e',
85
85
'rsrc/css/application/phortune/phortune-credit-card-form.css' => 'b25b4beb',
86
86
'rsrc/css/application/phrequent/phrequent.css' => 'ffc185ad',
87
87
'rsrc/css/application/phriction/phriction-document-css.css' => '7d7f0071',
···
226
226
'rsrc/image/avatar.png' => '3eb28cd9',
227
227
'rsrc/image/checker_dark.png' => 'd8e65881',
228
228
'rsrc/image/checker_light.png' => 'a0155918',
229
+
'rsrc/image/checker_lighter.png' => 'd5da91b6',
229
230
'rsrc/image/credit_cards.png' => '72b8ede8',
230
231
'rsrc/image/darkload.gif' => '1ffd3ec6',
231
232
'rsrc/image/divot.png' => '94dded62',
···
389
390
'rsrc/js/application/passphrase/phame-credential-control.js' => '1e1c8a59',
390
391
'rsrc/js/application/phame/phame-post-preview.js' => '61d927ec',
391
392
'rsrc/js/application/pholio/behavior-pholio-mock-edit.js' => '1e1e8bb0',
392
-
'rsrc/js/application/pholio/behavior-pholio-mock-view.js' => '8818401f',
393
+
'rsrc/js/application/pholio/behavior-pholio-mock-view.js' => '09c4fe2d',
393
394
'rsrc/js/application/phortune/behavior-balanced-payment-form.js' => '3b3e1664',
394
395
'rsrc/js/application/phortune/behavior-stripe-payment-form.js' => '1693a296',
395
396
'rsrc/js/application/phortune/behavior-test-payment-form.js' => 'b3e5ee60',
···
613
614
'javelin-behavior-phabricator-watch-anchor' => '06e05112',
614
615
'javelin-behavior-phame-post-preview' => '61d927ec',
615
616
'javelin-behavior-pholio-mock-edit' => '1e1e8bb0',
616
-
'javelin-behavior-pholio-mock-view' => '8818401f',
617
+
'javelin-behavior-pholio-mock-view' => '09c4fe2d',
617
618
'javelin-behavior-phui-object-box-tabs' => 'a3e2244e',
618
619
'javelin-behavior-phui-timeline-dropdown-menu' => '4d94d9c3',
619
620
'javelin-behavior-policy-control' => 'f3fef818',
···
739
740
'phabricator-uiexample-reactor-sendproperties' => '551add57',
740
741
'phabricator-zindex-css' => 'efb673ac',
741
742
'phame-css' => '19ecc703',
742
-
'pholio-css' => '96cf492a',
743
+
'pholio-css' => '72af321e',
743
744
'pholio-edit-css' => 'b9e59b6d',
744
-
'pholio-inline-comments-css' => '3d14984a',
745
+
'pholio-inline-comments-css' => '609c3320',
745
746
'phortune-credit-card-form' => '2290aeef',
746
747
'phortune-credit-card-form-css' => 'b25b4beb',
747
748
'phrequent-css' => 'ffc185ad',
···
874
875
7 => 'javelin-uri',
875
876
8 => 'javelin-routable',
876
877
),
878
+
'09c4fe2d' =>
879
+
array(
880
+
0 => 'javelin-behavior',
881
+
1 => 'javelin-util',
882
+
2 => 'javelin-stratcom',
883
+
3 => 'javelin-dom',
884
+
4 => 'javelin-vector',
885
+
5 => 'javelin-magical-init',
886
+
6 => 'javelin-request',
887
+
7 => 'javelin-history',
888
+
8 => 'javelin-workflow',
889
+
9 => 'javelin-mask',
890
+
10 => 'javelin-behavior-device',
891
+
11 => 'phabricator-keyboard-shortcut',
892
+
),
877
893
'0a3f3021' =>
878
894
array(
879
895
0 => 'javelin-behavior',
···
1254
1270
2 => 'javelin-util',
1255
1271
3 => 'phabricator-shaped-request',
1256
1272
),
1257
-
'7319e029' =>
1258
-
array(
1259
-
0 => 'javelin-behavior',
1260
-
1 => 'javelin-dom',
1261
-
),
1262
1273
'62e18640' =>
1263
1274
array(
1264
1275
0 => 'javelin-install',
···
1330
1341
0 => 'javelin-behavior',
1331
1342
1 => 'javelin-stratcom',
1332
1343
2 => 'javelin-dom',
1344
+
),
1345
+
'7319e029' =>
1346
+
array(
1347
+
0 => 'javelin-behavior',
1348
+
1 => 'javelin-dom',
1333
1349
),
1334
1350
'76f4ebed' =>
1335
1351
array(
···
1441
1457
0 => 'javelin-install',
1442
1458
1 => 'javelin-dom',
1443
1459
2 => 'javelin-reactor-dom',
1444
-
),
1445
-
'8818401f' =>
1446
-
array(
1447
-
0 => 'javelin-behavior',
1448
-
1 => 'javelin-util',
1449
-
2 => 'javelin-stratcom',
1450
-
3 => 'javelin-dom',
1451
-
4 => 'javelin-vector',
1452
-
5 => 'javelin-magical-init',
1453
-
6 => 'javelin-request',
1454
-
7 => 'javelin-history',
1455
-
8 => 'javelin-workflow',
1456
-
9 => 'javelin-mask',
1457
-
10 => 'javelin-behavior-device',
1458
-
11 => 'phabricator-keyboard-shortcut',
1459
1460
),
1460
1461
'8a3ed18b' =>
1461
1462
array(
+4
src/applications/pholio/controller/PholioMockViewController.php
+4
src/applications/pholio/controller/PholioMockViewController.php
···
94
94
->setMock($mock)
95
95
->setImageID($this->imageID);
96
96
97
+
$output = id(new PHUIObjectBoxView())
98
+
->setHeaderText(pht('Image'))
99
+
->appendChild($output);
100
+
97
101
$xaction_view = id(new PholioTransactionView())
98
102
->setUser($this->getRequest()->getUser())
99
103
->setObjectPHID($mock->getPHID())
+7
-6
src/applications/pholio/view/PholioMockThumbGridView.php
+7
-6
src/applications/pholio/view/PholioMockThumbGridView.php
···
88
88
),
89
89
$grid);
90
90
91
-
return phutil_tag(
92
-
'div',
93
-
array(
94
-
'class' => 'pholio-mock-thumb-grid-container',
95
-
),
96
-
$grid);
91
+
$grid = id(new PHUIBoxView())
92
+
->addClass('pholio-mock-thumb-grid-container')
93
+
->appendChild($grid);
94
+
95
+
return id(new PHUIObjectBoxView())
96
+
->setHeaderText(pht('Mock History'))
97
+
->appendChild($grid);
97
98
}
98
99
99
100
+2
-58
webroot/rsrc/css/application/pholio/pholio-inline-comments.css
+2
-58
webroot/rsrc/css/application/pholio/pholio-inline-comments.css
···
5
5
.pholio-inline-comment {
6
6
margin: 0 0 4px 0;
7
7
padding: 8px;
8
-
font-size: 12px;
9
8
}
10
9
11
10
.pholio-mock-inline-comments {
12
-
color: #cccccc;
13
-
background: #282828;
14
-
overflow-x: auto;
15
-
text-align: left;
16
-
}
17
-
18
-
.pholio-inline-comment-header {
19
-
color: #fff;
20
-
font-weight: bold;
21
-
margin-bottom: 4px;
22
-
}
23
-
24
-
.pholio-inline-comment-dialog-title {
25
-
font-weight: bold;
26
-
color: #fff;
27
-
padding-bottom: 2px;
28
-
margin-bottom: 6px;
11
+
background: #fff;
12
+
border-top: 1px solid {$thinblueborder};
29
13
text-align: left;
30
-
}
31
-
32
-
.pholio-inline-comment-dialog-buttons button {
33
-
float: right;
34
-
margin-left: 6px;
35
-
}
36
-
37
-
.pholio-inline-comment-dialog {
38
-
padding: 4px;
39
-
}
40
-
41
-
.pholio-inline-comment-dialog-textarea {
42
-
width: 254px;
43
-
height: 6em;
44
-
margin-bottom: 5px;
45
-
}
46
-
47
-
.pholio-new-inline-comment {
48
-
position: absolute;
49
-
border: 1px solid #000;
50
-
background: rgb(60, 60, 60);
51
-
padding: 8px 10px 8px 12px;
52
-
width: 260px;
53
-
box-shadow: 0 2px 10px 1px {$lightgreytext};
54
-
}
55
-
56
-
.pholio-inline-comment-dialog-buttons a {
57
-
display: none;
58
-
}
59
-
60
-
.pholio-inline-comment-draft {
61
-
border-style: dashed;
62
-
border-color: {$greytext};
63
-
background: #464646;
64
-
}
65
-
66
-
.pholio-inline-head-links {
67
-
float: right;
68
-
font-weight: normal;
69
-
color: {$greytext};
70
14
}
71
15
72
16
.pholio-mock-inline-comments a {
+21
-27
webroot/rsrc/css/application/pholio/pholio.css
+21
-27
webroot/rsrc/css/application/pholio/pholio.css
···
2
2
* @provides pholio-css
3
3
*/
4
4
.pholio-mock-image-container {
5
-
margin-top: 8px;
6
-
background-color: #282828;
7
5
text-align: center;
8
6
vertical-align: middle;
9
7
position: relative;
10
-
background: url('/rsrc/image/texture/pholio-background.gif');
8
+
background: url('/rsrc/image/checker_lighter.png');
11
9
}
12
10
13
11
.pholio-mock-thumb-grid-container {
14
-
background-color: #282828;
15
12
padding: 12px;
16
13
overflow-x: auto;
17
14
overflow-y: hidden;
···
26
23
cursor: pointer;
27
24
width: 100px;
28
25
height: 100px;
29
-
padding: 5px;
30
-
margin: 3px;
31
-
background: #181818;
26
+
padding: 4px;
27
+
margin: 4px;
32
28
vertical-align: middle;
33
-
border: 1px solid {$greyborder};
29
+
border: 1px solid {$lightgreyborder};
34
30
position: relative;
31
+
background: url('/rsrc/image/checker_lighter.png');
35
32
}
36
33
37
-
.device-desktop .pholio-mock-thumb-grid-item:hover,
34
+
.device-desktop .pholio-mock-thumb-grid-item:hover {
35
+
border-color: {$indigo};
36
+
}
37
+
38
38
.pholio-mock-thumb-grid-current {
39
-
background: #383838;
40
39
border-color: {$sky};
41
40
}
42
41
···
52
51
.pholio-mock-image {
53
52
margin: auto;
54
53
cursor: crosshair;
55
-
}
56
-
57
-
.pholio-mock-image-panel {
58
-
padding: 0;
59
-
border-top: 1px solid #333;
60
54
}
61
55
62
56
.pholio-mock-image-viewport {
···
76
70
}
77
71
78
72
.pholio-visible-size {
79
-
color: #fff;
80
-
}
81
-
82
-
.pholio-image-description {
83
-
color: {$greytext};
84
-
}
85
-
86
-
.pholio-image-title {
87
-
color: #ffffff;
73
+
color: {$sky};
74
+
font-weight: bold;
88
75
}
89
76
90
77
.pholio-device-lightbox {
···
153
140
154
141
.pholio-mock-image-header {
155
142
position: absolute;
156
-
top: 4px;
157
-
right: 8px;
143
+
top: 0;
144
+
right: 0;
158
145
font-size: 14px;
159
-
color: {$lightgreytext};
146
+
padding: 4px 8px;
147
+
background: rgba(255,255,255,.6);
148
+
color: {$greytext};
149
+
}
150
+
151
+
.pholio-image-title {
152
+
font-weight: bold;
153
+
color: {$bluetext};
160
154
}
webroot/rsrc/image/checker_lighter.png
webroot/rsrc/image/checker_lighter.png
This is a binary file and will not be displayed.