@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
Update Conpherence full for common colors / styles
Summary: Conpherence Full modernize pass, setting standard space and colors on all widget panels. Moved menu back to 240px as the narrow column wasn't really usefull. Removed 'subtitle' on menu, seems simpler but almost under-designed. Subtitle isn't particularly useful and I plan on adding audience icons next (single, group, project, public) so I think this is the right direction.
Test Plan:
Tested with and without number columns on the menu, test with files, calendar dates, removing participants.
{F337941}
{F337942}
{F337943}
Reviewers: epriestley, btrahan
Reviewed By: btrahan
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12078
+62
-67
+6
-6
resources/celerity/map.php
+6
-6
resources/celerity/map.php
···
45
45
'rsrc/css/application/config/setup-issue.css' => '22270af2',
46
46
'rsrc/css/application/config/unhandled-exception.css' => '37d4f9a2',
47
47
'rsrc/css/application/conpherence/durable-column.css' => 'a27580c5',
48
-
'rsrc/css/application/conpherence/menu.css' => 'c6ac5299',
49
-
'rsrc/css/application/conpherence/message-pane.css' => '2526107d',
48
+
'rsrc/css/application/conpherence/menu.css' => '9b37a261',
49
+
'rsrc/css/application/conpherence/message-pane.css' => 'e78e9d3c',
50
50
'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
51
51
'rsrc/css/application/conpherence/update.css' => '1099a660',
52
-
'rsrc/css/application/conpherence/widget-pane.css' => '3d575438',
52
+
'rsrc/css/application/conpherence/widget-pane.css' => '9efbfed0',
53
53
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
54
54
'rsrc/css/application/countdown/timer.css' => '86b7b0a0',
55
55
'rsrc/css/application/dashboard/dashboard.css' => '17937d22',
···
514
514
'config-options-css' => '7fedf08b',
515
515
'config-welcome-css' => '6abd79be',
516
516
'conpherence-durable-column-view' => 'a27580c5',
517
-
'conpherence-menu-css' => 'c6ac5299',
518
-
'conpherence-message-pane-css' => '2526107d',
517
+
'conpherence-menu-css' => '9b37a261',
518
+
'conpherence-message-pane-css' => 'e78e9d3c',
519
519
'conpherence-notification-css' => '04a6e10a',
520
520
'conpherence-thread-manager' => '6a9169bb',
521
521
'conpherence-update-css' => '1099a660',
522
-
'conpherence-widget-pane-css' => '3d575438',
522
+
'conpherence-widget-pane-css' => '9efbfed0',
523
523
'differential-changeset-view-css' => '6a8b172a',
524
524
'differential-core-view-css' => '7ac3cabc',
525
525
'differential-inline-comment-editor' => '0286a1db',
-1
src/applications/conpherence/controller/ConpherenceWidgetController.php
-1
src/applications/conpherence/controller/ConpherenceWidgetController.php
+3
-3
webroot/rsrc/css/application/conpherence/message-pane.css
+3
-3
webroot/rsrc/css/application/conpherence/message-pane.css
···
7
7
.loading .messages-loading-icon,
8
8
.conpherence-layout .conpherence-no-threads {
9
9
position: fixed;
10
-
left: 205px;
10
+
left: 241px;
11
11
right: 241px;
12
12
top: 76px;
13
13
bottom: 0px;
···
52
52
53
53
.conpherence-message-pane .conpherence-messages {
54
54
position: fixed;
55
-
left: 205px;
55
+
left: 241px;
56
56
right: 241px;
57
57
top: 76px;
58
58
bottom: 172px;
···
86
86
position: fixed;
87
87
bottom: 0;
88
88
border-top: 1px solid {$thinblueborder};
89
-
left: 205px;
89
+
left: 241px;
90
90
right: 241px;
91
91
}
92
92
+36
-36
webroot/rsrc/css/application/conpherence/widget-pane.css
+36
-36
webroot/rsrc/css/application/conpherence/widget-pane.css
···
42
42
}
43
43
44
44
.conpherence-widget-pane .widgets-header {
45
-
background: #F5F5F5;
46
-
border-bottom: 1px solid #ccc;
45
+
border-bottom: 1px solid {$thinblueborder};
47
46
}
48
47
49
48
.device .conpherence-widget-pane .widgets-header {
···
85
84
width: 200px;
86
85
padding: 20px;
87
86
text-align: center;
88
-
color: #555;
87
+
color: {$greytext};
89
88
}
89
+
90
90
.device .conpherence-widget-pane #widgets-files .no-files {
91
91
width: 60px;
92
-
margin: 0px auto 0px auto;
92
+
margin: 0 auto 0 auto;
93
93
}
94
+
94
95
.conpherence-widget-pane #widgets-files .file-entry {
95
-
padding: 10px 0;
96
-
margin: 0 5px 0 10px;
97
-
border-bottom: 1px solid #e7e7e7;
96
+
padding: 8px 0;
97
+
margin: 0 4px 0 8px;
98
+
border-bottom: 1px solid {$thinblueborder};
98
99
}
100
+
101
+
.conpherence-widget-pane #widgets-files .file-entry a {
102
+
color: {$darkbluetext};
103
+
font-weight: bold;
104
+
}
105
+
99
106
.conpherence-widget-pane #widgets-files .file-icon {
100
107
width: 32px;
101
108
height: 32px;
102
109
float: left;
103
-
font-size: 30px;
110
+
font-size: 24px;
111
+
color: {$blue};
112
+
margin: 2px 0 2px 4px;
104
113
}
114
+
105
115
.conpherence-widget-pane #widgets-files .file-title {
106
116
display: block;
107
117
position: relative;
108
118
top: -4px;
109
-
left: 2px;
119
+
left: 0;
110
120
overflow-x: hidden;
111
121
width: 180px;
112
122
font-weight: bold;
···
114
124
white-space: nowrap;
115
125
}
116
126
.conpherence-widget-pane #widgets-files .file-uploaded-by {
117
-
color: #a1a5a9;
127
+
color: {$lightgreytext};
118
128
position: relative;
119
-
top: 0px;
120
-
left: 2px;
121
-
width: 170px;
129
+
top: 0;
130
+
left: 0;
131
+
width: 180px;
122
132
font-size: 11px;
123
133
}
124
134
···
147
157
.conpherence-widget-pane #widgets-calendar .aphront-multi-column-view
148
158
.aphront-multi-column-column {
149
159
background: white;
150
-
border-right: 1px solid #bfbfbf;
160
+
border-right: 1px solid {$thinblueborder};
151
161
text-align: center;
152
162
}
153
163
.device-phone .conpherence-widget-pane #widgets-calendar
···
220
230
221
231
.conpherence-widget-pane #widgets-calendar .day-header {
222
232
overflow: hidden;
223
-
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
224
-
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
225
-
border-top: 1px solid #e7e7e7;
226
-
border-bottom: 1px solid #d7d7d7;
227
-
padding: 5px 10px 5px 10px;
228
-
}
229
-
230
-
.conpherence-widget-pane #widgets-calendar .day-header.today {
231
-
background-image: linear-gradient(to bottom, #3b86c4, #2b628f);
232
-
background-image: -webkit-linear-gradient(top, #3b86c4, #2b628f);
233
-
border-top: none;
234
-
border-bottom: none;
233
+
border-top: 1px solid {$thinblueborder};
234
+
padding: 8px 8px 0px 8px;
235
235
}
236
236
237
237
.conpherence-widget-pane #widgets-calendar .day-header.today .day-name,
238
238
.conpherence-widget-pane #widgets-calendar .day-header.today .day-date {
239
-
color: #fff;
239
+
color: {$sky};
240
240
}
241
241
242
242
.conpherence-widget-pane #widgets-calendar .day-header .day-name {
243
243
float: left;
244
-
color: #555759;
244
+
color: {$bluetext};
245
245
font-weight: bold;
246
246
text-transform: uppercase;
247
247
font-size: 11px;
···
249
249
250
250
.conpherence-widget-pane #widgets-calendar .day-header .day-date {
251
251
float: right;
252
-
color: #555759;
252
+
color: {$lightbluetext};
253
253
font-size: 11px;
254
254
}
255
255
256
256
.conpherence-widget-pane #widgets-calendar .top-border {
257
-
border-top: 1px solid #E7E7E7;
257
+
border-top: 1px solid {$thinblueborder};
258
258
}
259
259
260
260
.conpherence-widget-pane #widgets-calendar .user-status {
···
264
264
265
265
.conpherence-widget-pane #widgets-calendar .user-status .icon {
266
266
border-radius: 8px;
267
-
height: 14px;
268
-
width: 14px;
269
-
margin-top: 7px;
267
+
height: 8px;
268
+
width: 8px;
269
+
margin-top: 4px;
270
270
float: left;
271
271
}
272
272
273
273
.conpherence-widget-pane #widgets-calendar .sporadic .icon {
274
-
background-color: rgb(222, 226, 232);
274
+
background-color: {$orange};
275
275
}
276
276
277
277
.conpherence-widget-pane #widgets-calendar .away .icon {
278
-
background-color: rgb(102, 204, 255);
278
+
background-color: {$red};
279
279
}
280
280
281
281
.conpherence-widget-pane #widgets-calendar .user-status .description {
282
282
width: 195px;
283
283
text-overflow: ellipsis;
284
-
margin: 0 0 0px 20px;
284
+
margin: 0 0 0 16px;
285
285
}
286
286
287
287
.conpherence-widget-pane #widgets-calendar .user-status .participant {