@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 Main UI
Summary: Uses standard sidenav width, more spacing in labels, added background around textarea, make background work in Firefox.
Test Plan:
Test Desktop, Mobile, and Tablet break points. Test Firefox and Chrome.
{F331201}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D11993
+42
-34
+4
-4
resources/celerity/map.php
+4
-4
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' => '3b836442',
48
-
'rsrc/css/application/conpherence/menu.css' => '73774137',
49
-
'rsrc/css/application/conpherence/message-pane.css' => '17a9517f',
48
+
'rsrc/css/application/conpherence/menu.css' => 'c6ac5299',
49
+
'rsrc/css/application/conpherence/message-pane.css' => '5930260a',
50
50
'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
51
51
'rsrc/css/application/conpherence/update.css' => '1099a660',
52
52
'rsrc/css/application/conpherence/widget-pane.css' => '3d575438',
···
513
513
'config-options-css' => '7fedf08b',
514
514
'config-welcome-css' => '6abd79be',
515
515
'conpherence-durable-column-view' => '3b836442',
516
-
'conpherence-menu-css' => '73774137',
517
-
'conpherence-message-pane-css' => '17a9517f',
516
+
'conpherence-menu-css' => 'c6ac5299',
517
+
'conpherence-message-pane-css' => '5930260a',
518
518
'conpherence-notification-css' => '04a6e10a',
519
519
'conpherence-update-css' => '1099a660',
520
520
'conpherence-widget-pane-css' => '3d575438',
+1
-1
src/applications/conpherence/controller/ConpherenceViewController.php
+1
-1
src/applications/conpherence/controller/ConpherenceViewController.php
+1
-1
src/infrastructure/internationalization/translation/PhabricatorVeryWowEnglishTranslation.php
+1
-1
src/infrastructure/internationalization/translation/PhabricatorVeryWowEnglishTranslation.php
+26
-20
webroot/rsrc/css/application/conpherence/message-pane.css
+26
-20
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: 240px;
10
+
left: 205px;
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: 240px;
55
+
left: 205px;
56
56
right: 241px;
57
57
top: 76px;
58
-
bottom: 185px;
58
+
bottom: 172px;
59
59
overflow-y: auto;
60
60
-webkit-overflow-scrolling: touch;
61
61
}
···
81
81
.conpherence-message-pane .phui-form-view {
82
82
border-width: 0;
83
83
background-color: {$lightgreybackground};
84
-
height: 185px;
85
-
padding: 0;
84
+
height: 156px;
85
+
padding: 8px;
86
86
position: fixed;
87
87
bottom: 0;
88
-
left: 240px;
88
+
border-top: 1px solid {$thinblueborder};
89
+
left: 205px;
89
90
right: 241px;
91
+
}
92
+
93
+
.conpherence-message-pane .aphront-form-control-submit button,
94
+
.conpherence-message-pane .aphront-form-control-submit a.button {
95
+
margin-top: 6px;
90
96
}
91
97
92
98
/**
···
99
105
.remarkup-fullscreen-mode .conpherence-message-pane .phui-form-view,
100
106
.remarkup-fullscreen-mode .conpherence-layout {
101
107
position: static;
108
+
}
109
+
110
+
.conpherence-message-pane .remarkup-assist-bar {
111
+
border-color: {$lightblueborder};
102
112
}
103
113
104
114
.device .conpherence-message-pane .remarkup-assist-bar {
···
205
215
padding: 0;
206
216
}
207
217
208
-
.conpherence-message-pane .aphront-form-control-submit {
209
-
margin: 0 8px 0 0;
210
-
}
211
-
.conpherence-message-pane .remarkup-assist-bar {
212
-
border-width: 1px 0 0;
213
-
border-color: {$hovergrey};
214
-
border-bottom: transparent;
215
-
}
216
-
217
218
.conpherence-message-pane .remarkup-assist-textarea {
218
-
height: 124px;
219
+
height: 100px;
219
220
padding: 6px;
220
-
border-width: 1px 0;
221
-
border-color: {$thinblueborder};
221
+
border-color: {$lightblueborder};
222
+
border-top-color: {$thinblueborder};
222
223
box-sizing: border-box;
223
224
-moz-box-sizing: border-box;
224
225
-webkit-box-sizing: border-box;
···
226
227
}
227
228
228
229
.device .conpherence-message-pane .remarkup-assist-textarea {
229
-
margin: 4px 8px;
230
+
margin: 0px 0px;
230
231
padding: 8px;
231
232
width: 97%;
232
-
height: 28px;
233
+
height: 34px;
233
234
resize: none;
234
235
}
235
236
236
237
.conpherence-message-pane .remarkup-assist-textarea:focus {
237
238
outline: none;
239
+
}
240
+
241
+
.device .conpherence-message-pane .aphront-form-control {
242
+
padding: 0 8px 0 0;
243
+
float: left;
238
244
}
239
245
240
246
.device .conpherence-message-pane .aphront-form-control-textarea {