@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
Better mobile display of ObjectItemView
Summary: Makes the default 3 rows on mobile devices, with larger fonts. Differential/Audit is much better, Maniphest is maybe a sidegrade depending on setup.
Test Plan: test maniphest, audit, differential list items.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D8741
+20
-6
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => 'ab5dd633',
10
+
'core.pkg.css' => '1a07e64e',
11
11
'core.pkg.js' => 'c5b39816',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => '12c11318',
···
139
139
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
140
140
'rsrc/css/phui/phui-list.css' => 'ef8035b6',
141
141
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
142
-
'rsrc/css/phui/phui-object-item-list-view.css' => 'bde610d2',
142
+
'rsrc/css/phui/phui-object-item-list-view.css' => '8b459abe',
143
143
'rsrc/css/phui/phui-pinboard-view.css' => '4b346c2a',
144
144
'rsrc/css/phui/phui-property-list-view.css' => 'dbf53b12',
145
145
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
···
754
754
'phui-info-panel-css' => '27ea50a1',
755
755
'phui-list-view-css' => 'ef8035b6',
756
756
'phui-object-box-css' => 'ce92d8ec',
757
-
'phui-object-item-list-view-css' => 'bde610d2',
757
+
'phui-object-item-list-view-css' => '8b459abe',
758
758
'phui-pinboard-view-css' => '4b346c2a',
759
759
'phui-property-list-view-css' => 'dbf53b12',
760
760
'phui-remarkup-preview-css' => '19ad512b',
+17
-3
webroot/rsrc/css/phui/phui-object-item-list-view.css
+17
-3
webroot/rsrc/css/phui/phui-object-item-list-view.css
···
264
264
width: 120px;
265
265
}
266
266
267
+
.device-phone .phui-object-icon-pane {
268
+
position: absolute;
269
+
top: 0;
270
+
right: 0;
271
+
background: #fff;
272
+
}
273
+
267
274
.device-desktop .phui-object-item-with-icons
268
275
.phui-object-item-content,
269
276
.device-desktop .phui-object-item-with-handle-icons
···
289
296
.phui-object-item-icon {
290
297
vertical-align: middle;
291
298
position: relative;
292
-
font-size: 11px;
299
+
font-size: 12px;
293
300
color: {$greytext};
294
301
text-align: right;
295
302
white-space: nowrap;
···
489
496
float: right;
490
497
clear: right;
491
498
padding: 0 10px;
492
-
margin: 5px 0;
493
-
font-size: 11px;
499
+
margin: 4px 0;
500
+
font-size: 12px;
494
501
color: {$greytext};
495
502
white-space: nowrap;
496
503
overflow: hidden;
497
504
text-align: right;
505
+
}
506
+
507
+
.device-phone .phui-object-item-bylines {
508
+
float: none;
509
+
text-align: left;
510
+
padding: 0 8px;
511
+
font-size: 13px;
498
512
}
499
513
500
514
/* - Card List -----------------------------------------------------------------