@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
Fiddle with Conpherence textarea
Summary: Slightly larger, consistent colors.
Test Plan: Mobile, Tablet, Desktop
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D16843
authored by
Chad Little
and committed by
chad
96219ab5
4c540fb0
+11
-26
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'conpherence.pkg.css' => 'cea72e09',
10
+
'conpherence.pkg.css' => '0b64e988',
11
11
'conpherence.pkg.js' => '6249a1cf',
12
12
'core.pkg.css' => 'a729d20e',
13
13
'core.pkg.js' => '1a77dddf',
···
50
50
'rsrc/css/application/conpherence/durable-column.css' => 'd82e130c',
51
51
'rsrc/css/application/conpherence/header-pane.css' => '1c81cda6',
52
52
'rsrc/css/application/conpherence/menu.css' => '4f51db5a',
53
-
'rsrc/css/application/conpherence/message-pane.css' => '394ae8fa',
53
+
'rsrc/css/application/conpherence/message-pane.css' => 'b085d40d',
54
54
'rsrc/css/application/conpherence/notification.css' => '965db05b',
55
55
'rsrc/css/application/conpherence/participant-pane.css' => 'ac1baaa8',
56
56
'rsrc/css/application/conpherence/transaction.css' => '85129c68',
···
568
568
'conpherence-durable-column-view' => 'd82e130c',
569
569
'conpherence-header-pane-css' => '1c81cda6',
570
570
'conpherence-menu-css' => '4f51db5a',
571
-
'conpherence-message-pane-css' => '394ae8fa',
571
+
'conpherence-message-pane-css' => 'b085d40d',
572
572
'conpherence-notification-css' => '965db05b',
573
573
'conpherence-participant-pane-css' => 'ac1baaa8',
574
574
'conpherence-thread-manager' => '358c717b',
+8
-23
webroot/rsrc/css/application/conpherence/message-pane.css
+8
-23
webroot/rsrc/css/application/conpherence/message-pane.css
···
58
58
left: 240px;
59
59
right: 240px;
60
60
top: 103px;
61
-
bottom: 122px;
61
+
bottom: 142px;
62
62
overflow-x: hidden;
63
63
overflow-y: auto;
64
64
-webkit-overflow-scrolling: touch;
···
97
97
98
98
.conpherence-message-pane .phui-form-view {
99
99
border-width: 0;
100
-
height: 110px;
100
+
height: 130px;
101
101
padding: 0 20px 12px;
102
102
position: fixed;
103
103
bottom: 0;
···
110
110
color: {$lightgreytext};
111
111
font-style: italic;
112
112
position: absolute;
113
-
bottom: 6px;
113
+
bottom: 2px;
114
114
left: 24px;
115
115
}
116
116
···
166
166
}
167
167
168
168
.conpherence-message-pane .remarkup-assist-bar {
169
-
border: 2px solid {$lightgreyborder};
170
169
border-bottom: none;
171
170
border-top-left-radius: 3px;
172
171
border-top-right-radius: 3px;
173
-
background-color: {$lightgreybackground};
174
172
}
175
173
176
174
.device .conpherence-message-pane .remarkup-assist-bar {
177
175
position: absolute;
178
-
top: 12px;
179
-
left: 12px;
176
+
top: 9px;
177
+
left: 9px;
178
+
width: 24px;
180
179
background: {$bluebackground};
181
180
border-radius: 3px;
182
181
border: none;
···
349
348
}
350
349
351
350
.conpherence-message-pane .remarkup-assist-textarea {
352
-
height: 68px;
351
+
height: 88px;
353
352
padding: 8px;
354
-
border: 2px solid {$lightgreyborder};
355
-
border-top: 1px solid {$thinblueborder};
356
353
box-sizing: border-box;
357
354
-moz-box-sizing: border-box;
358
355
-webkit-box-sizing: border-box;
359
-
resize: none;
360
-
outline: none;
361
-
box-shadow: none;
362
356
border-bottom-left-radius: 3px;
363
357
border-bottom-right-radius: 3px;
364
358
}
365
359
366
-
.conpherence-message-pane .remarkup-assist-textarea:focus {
367
-
border: 2px solid {$lightgreyborder};
368
-
border-top: 1px solid {$thinblueborder};
369
-
}
370
-
371
360
.device .conpherence-message-pane .remarkup-assist-textarea {
372
361
margin: 0;
373
362
padding: 7px 8px 6px 30px;
374
363
width: 100%;
375
364
height: 34px;
376
365
resize: none;
377
-
border-top: 2px solid {$lightgreyborder};
366
+
border-color: {$greyborder};
378
367
border-top-left-radius: 3px;
379
368
border-top-right-radius: 3px;
380
-
}
381
-
382
-
.conpherence-message-pane .remarkup-assist-textarea:focus {
383
-
outline: none;
384
369
}
385
370
386
371
.device .conpherence-message-pane .aphront-form-control-submit {