@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
Refresh Conpherence UI
Summary: Cleans up a number of inconsistencies, makes Conpherence lighter, easier to read, make names larger, darker.
Test Plan: Review Conpherence chat in Main App, Durable Column, Mobile, Tablet
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D16531
+47
-57
+11
-11
resources/celerity/map.php
+11
-11
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'f7796100',
10
+
'core.pkg.css' => 'e7d1e589',
11
11
'core.pkg.js' => '1d376fa9',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '3fb7f532',
···
44
44
'rsrc/css/application/config/config-template.css' => '8f18fa41',
45
45
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
46
46
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
47
-
'rsrc/css/application/conpherence/durable-column.css' => '86396117',
48
-
'rsrc/css/application/conpherence/menu.css' => '26283353',
49
-
'rsrc/css/application/conpherence/message-pane.css' => '8b994132',
47
+
'rsrc/css/application/conpherence/durable-column.css' => '194ac487',
48
+
'rsrc/css/application/conpherence/menu.css' => '3a0fd18a',
49
+
'rsrc/css/application/conpherence/message-pane.css' => '31dc663d',
50
50
'rsrc/css/application/conpherence/notification.css' => '6cdcc253',
51
-
'rsrc/css/application/conpherence/transaction.css' => '85d0974c',
51
+
'rsrc/css/application/conpherence/transaction.css' => '2c71247c',
52
52
'rsrc/css/application/conpherence/update.css' => 'faf6be09',
53
-
'rsrc/css/application/conpherence/widget-pane.css' => 'c5b74f9e',
53
+
'rsrc/css/application/conpherence/widget-pane.css' => 'c689f6a4',
54
54
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
55
55
'rsrc/css/application/countdown/timer.css' => '16c52f5c',
56
56
'rsrc/css/application/daemon/bulk-job.css' => 'df9c1d4a',
···
548
548
'conduit-api-css' => '7bc725c4',
549
549
'config-options-css' => '0ede4c9b',
550
550
'config-page-css' => '8798e14f',
551
-
'conpherence-durable-column-view' => '86396117',
552
-
'conpherence-menu-css' => '26283353',
553
-
'conpherence-message-pane-css' => '8b994132',
551
+
'conpherence-durable-column-view' => '194ac487',
552
+
'conpherence-menu-css' => '3a0fd18a',
553
+
'conpherence-message-pane-css' => '31dc663d',
554
554
'conpherence-notification-css' => '6cdcc253',
555
555
'conpherence-thread-manager' => '01774ab2',
556
-
'conpherence-transaction-css' => '85d0974c',
556
+
'conpherence-transaction-css' => '2c71247c',
557
557
'conpherence-update-css' => 'faf6be09',
558
-
'conpherence-widget-pane-css' => 'c5b74f9e',
558
+
'conpherence-widget-pane-css' => 'c689f6a4',
559
559
'd3' => 'a11a5ff2',
560
560
'differential-changeset-view-css' => '9ef7d354',
561
561
'differential-core-view-css' => '5b7b8ff4',
-1
src/applications/conpherence/view/ConpherenceDurableColumnView.php
-1
src/applications/conpherence/view/ConpherenceDurableColumnView.php
-12
src/applications/conpherence/view/ConpherenceTransactionView.php
-12
src/applications/conpherence/view/ConpherenceTransactionView.php
···
133
133
$transaction = $this->getConpherenceTransaction();
134
134
$info = array();
135
135
136
-
if ($this->getFullDisplay() && $transaction->getContentSource()) {
137
-
$content_source = id(new PhabricatorContentSourceView())
138
-
->setContentSource($transaction->getContentSource())
139
-
->setUser($viewer)
140
-
->render();
141
-
if ($content_source) {
142
-
$info[] = $content_source;
143
-
}
144
-
}
145
-
146
136
Javelin::initBehavior('phabricator-tooltips');
147
137
$tip = phabricator_datetime($transaction->getDateCreated(), $viewer);
148
138
$label = phabricator_time($transaction->getDateCreated(), $viewer);
···
183
173
),
184
174
$label);
185
175
}
186
-
187
-
$info = phutil_implode_html(" \xC2\xB7 ", $info);
188
176
189
177
return phutil_tag(
190
178
'span',
+1
-2
webroot/rsrc/css/application/conpherence/durable-column.css
+1
-2
webroot/rsrc/css/application/conpherence/durable-column.css
···
251
251
.conpherence-durable-column-transactions .conpherence-transaction-detail
252
252
.conpherence-transaction-header .conpherence-transaction-info {
253
253
color: {$lightbluetext};
254
-
float: none;
255
254
font-size: {$smallerfontsize};
256
255
}
257
256
···
266
265
267
266
.conpherence-durable-column-transactions .conpherence-transaction-detail
268
267
.conpherence-transaction-content .phui-link-person {
269
-
color: {$darkbluetext};
268
+
color: #000;
270
269
}
271
270
272
271
.conpherence-durable-column-transactions
+30
-28
webroot/rsrc/css/application/conpherence/message-pane.css
+30
-28
webroot/rsrc/css/application/conpherence/message-pane.css
···
55
55
left: 240px;
56
56
right: 240px;
57
57
top: 78px;
58
-
bottom: 172px;
58
+
bottom: 148px;
59
59
overflow-x: hidden;
60
60
overflow-y: auto;
61
61
-webkit-overflow-scrolling: touch;
···
86
86
.device .conpherence-message-pane .conpherence-messages {
87
87
left: 0;
88
88
right: 0;
89
-
bottom: 52px;
89
+
bottom: 44px;
90
90
width: 100%;
91
91
box-shadow: none;
92
92
}
···
103
103
104
104
.conpherence-message-pane .phui-form-view {
105
105
border-width: 0;
106
-
background-color: {$lightgreybackground};
107
-
height: 156px;
108
-
padding: 8px;
106
+
height: 140px;
107
+
padding: 0 8px 8px;
109
108
position: fixed;
110
109
bottom: 0;
111
-
border-top: 1px solid {$thinblueborder};
112
110
left: 240px;
113
111
right: 241px;
114
112
}
···
139
137
}
140
138
141
139
.conpherence-message-pane .remarkup-assist-bar {
142
-
border-color: {$lightblueborder};
140
+
border: 2px solid {$lightgreyborder};
141
+
border-bottom: none;
142
+
border-top-left-radius: 3px;
143
+
border-top-right-radius: 3px;
144
+
background-color: #f7f7f7;
143
145
}
144
146
145
147
.device .conpherence-message-pane .remarkup-assist-bar {
···
178
180
background-size: 35px;
179
181
position: absolute;
180
182
top: 5px;
181
-
box-shadow: {$borderinset};
182
183
}
183
184
184
185
.device-phone .conpherence-message-pane .conpherence-transaction-image {
···
246
247
247
248
.conpherence-message-pane .conpherence-edited .conpherence-transaction-content {
248
249
color: {$lightgreytext};
249
-
font-size: {$normalfontsize};
250
+
font-size: {$biggerfontsize};
251
+
font-style: italic;
250
252
margin: 0;
251
253
padding: 0;
252
254
float: left;
255
+
line-height: 20px;
253
256
}
254
257
255
258
.conpherence-message-pane .conpherence-edited {
···
277
280
color: {$darkbluetext};
278
281
}
279
282
280
-
.device-phone .conpherence-message-pane .conpherence-transaction-info {
283
+
.conpherence-message-pane .conpherence-transaction-info {
281
284
display: none;
282
285
}
283
286
···
289
292
font-size: {$smallerfontsize};
290
293
}
291
294
292
-
.conpherence-message-pane .conpherence-transaction-info {
293
-
float: right;
294
-
}
295
-
296
-
.conpherence-message-pane .conpherence-transaction-header,
297
-
.conpherence-message-pane .conpherence-transaction-info,
298
-
.conpherence-message-pane .anchor-link,
299
-
.conpherence-message-pane .conpherence-transaction-content {
300
-
background: none;
301
-
padding: 0;
302
-
}
303
-
304
295
.conpherence-message-pane .conpherence-transaction-content {
305
296
padding: 2px 0 8px 0;
306
297
}
···
310
301
}
311
302
312
303
.conpherence-message-pane .remarkup-assist-textarea {
313
-
height: 100px;
314
-
padding: 6px;
315
-
border-color: {$lightblueborder};
316
-
border-top-color: {$thinblueborder};
304
+
height: 80px;
305
+
padding: 8px;
306
+
border: 2px solid {$lightgreyborder};
307
+
border-top: 1px solid {$thinblueborder};
317
308
box-sizing: border-box;
318
309
-moz-box-sizing: border-box;
319
310
-webkit-box-sizing: border-box;
320
311
resize: none;
312
+
outline: none;
313
+
box-shadow: none;
314
+
border-bottom-left-radius: 3px;
315
+
border-bottom-right-radius: 3px;
316
+
}
317
+
318
+
.conpherence-message-pane .remarkup-assist-textarea:focus {
319
+
border-color: {$lightblueborder};
321
320
}
322
321
323
322
.device .conpherence-message-pane .remarkup-assist-textarea {
···
326
325
width: 100%;
327
326
height: 34px;
328
327
resize: none;
328
+
border-top: 2px solid {$lightgreyborder};
329
+
border-top-left-radius: 3px;
330
+
border-top-right-radius: 3px;
329
331
}
330
332
331
333
.conpherence-message-pane .remarkup-assist-textarea:focus {
···
335
337
.device .conpherence-message-pane .aphront-form-control-submit {
336
338
padding: 0;
337
339
position: absolute;
338
-
top: 7px;
339
-
right: 13px;
340
+
top: -2px;
341
+
right: 12px;
340
342
}
341
343
342
344
.device .conpherence-message-pane .aphront-form-control-textarea {
+3
webroot/rsrc/css/application/conpherence/transaction.css
+3
webroot/rsrc/css/application/conpherence/transaction.css
···
12
12
13
13
.conpherence-transaction-header .phui-link-person {
14
14
font-weight: bold;
15
+
font-size: {$biggerfontsize};
16
+
color: #000;
15
17
}
16
18
17
19
.conpherence-transaction-view.date-marker {
18
20
border-top: 1px solid {$thinblueborder};
19
21
}
22
+
20
23
.conpherence-transaction-view.date-marker .date {
21
24
position: relative;
22
25
top: -11px;
+2
-2
webroot/rsrc/css/application/conpherence/widget-pane.css
+2
-2
webroot/rsrc/css/application/conpherence/widget-pane.css
···
6
6
.loading .widgets-loading-mask {
7
7
position: fixed;
8
8
right: 0px;
9
-
top: 76px;
9
+
top: 79px;
10
10
bottom: 0;
11
11
width: 240px;
12
12
border-width: 0 0 0 1px;
···
81
81
}
82
82
83
83
.device-desktop .conpherence-widget-pane .widgets-body {
84
-
top: 111px;
84
+
top: 115px;
85
85
width: 240px;
86
86
}
87
87