@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
[Redesign] Mobile/Phone design pass
Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly.
Test Plan:
Test home, differential diff, maniphest task, new task, search, and a few other views.
{F414034}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12984
+54
-29
+18
-18
resources/celerity/map.php
+18
-18
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '2ba05f62',
10
+
'core.pkg.css' => '979f9a16',
11
11
'core.pkg.js' => '9db3e620',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => 'bb338e4b',
14
14
'differential.pkg.js' => '63a77807',
15
15
'diffusion.pkg.css' => '385e85b3',
16
16
'diffusion.pkg.js' => '0115b37c',
17
-
'maniphest.pkg.css' => 'ddf93c68',
17
+
'maniphest.pkg.css' => 'e87fdd66',
18
18
'maniphest.pkg.js' => '2f4f52c2',
19
19
'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
20
20
'rsrc/css/aphront/dark-console.css' => '6378ef3d',
21
-
'rsrc/css/aphront/dialog-view.css' => '725f2f23',
21
+
'rsrc/css/aphront/dialog-view.css' => '8ea1b9cc',
22
22
'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d',
23
-
'rsrc/css/aphront/list-filter-view.css' => '1fb5cab3',
23
+
'rsrc/css/aphront/list-filter-view.css' => 'aa5ffcb9',
24
24
'rsrc/css/aphront/multi-column.css' => 'fd18389d',
25
25
'rsrc/css/aphront/notification.css' => '9c279160',
26
26
'rsrc/css/aphront/pager-view.css' => '2e3539af',
···
46
46
'rsrc/css/application/config/config-welcome.css' => '6abd79be',
47
47
'rsrc/css/application/config/setup-issue.css' => '631c4e92',
48
48
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
49
-
'rsrc/css/application/conpherence/durable-column.css' => '0c23f069',
49
+
'rsrc/css/application/conpherence/durable-column.css' => '4cb8c197',
50
50
'rsrc/css/application/conpherence/menu.css' => 'f9f1d143',
51
51
'rsrc/css/application/conpherence/message-pane.css' => '7cbf4cbb',
52
52
'rsrc/css/application/conpherence/notification.css' => '919974b6',
···
78
78
'rsrc/css/application/maniphest/batch-editor.css' => '9a5ed9c1',
79
79
'rsrc/css/application/maniphest/report.css' => 'f6931fdf',
80
80
'rsrc/css/application/maniphest/task-edit.css' => '8e23031b',
81
-
'rsrc/css/application/maniphest/task-summary.css' => '307c88e9',
81
+
'rsrc/css/application/maniphest/task-summary.css' => '8795780d',
82
82
'rsrc/css/application/objectselector/object-selector.css' => '029a133d',
83
83
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
84
84
'rsrc/css/application/paste/paste.css' => 'eb997ddd',
···
132
132
'rsrc/css/phui/phui-document.css' => '8be7a5e3',
133
133
'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5',
134
134
'rsrc/css/phui/phui-fontkit.css' => 'b664ac96',
135
-
'rsrc/css/phui/phui-form-view.css' => '526ee2ab',
135
+
'rsrc/css/phui/phui-form-view.css' => '87263b05',
136
136
'rsrc/css/phui/phui-form.css' => 'f535f938',
137
-
'rsrc/css/phui/phui-header-view.css' => '99066800',
137
+
'rsrc/css/phui/phui-header-view.css' => '8ced06e4',
138
138
'rsrc/css/phui/phui-icon.css' => '88ba9081',
139
139
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
140
140
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
141
141
'rsrc/css/phui/phui-info-view.css' => '33595731',
142
142
'rsrc/css/phui/phui-list.css' => 'e448b6ba',
143
-
'rsrc/css/phui/phui-object-box.css' => '70285ee9',
144
-
'rsrc/css/phui/phui-object-item-list-view.css' => '4be0645f',
143
+
'rsrc/css/phui/phui-object-box.css' => 'b9d566e3',
144
+
'rsrc/css/phui/phui-object-item-list-view.css' => '2032bf8b',
145
145
'rsrc/css/phui/phui-pinboard-view.css' => '22891c15',
146
146
'rsrc/css/phui/phui-property-list-view.css' => 'd2d143ea',
147
147
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
···
479
479
'almanac-css' => 'dbb9b3af',
480
480
'aphront-bars' => '231ac33c',
481
481
'aphront-dark-console-css' => '6378ef3d',
482
-
'aphront-dialog-view-css' => '725f2f23',
483
-
'aphront-list-filter-view-css' => '1fb5cab3',
482
+
'aphront-dialog-view-css' => '8ea1b9cc',
483
+
'aphront-list-filter-view-css' => 'aa5ffcb9',
484
484
'aphront-multi-column-view-css' => 'fd18389d',
485
485
'aphront-pager-view-css' => '2e3539af',
486
486
'aphront-panel-view-css' => '8427b78d',
···
495
495
'conduit-api-css' => '7bc725c4',
496
496
'config-options-css' => '7fedf08b',
497
497
'config-welcome-css' => '6abd79be',
498
-
'conpherence-durable-column-view' => '0c23f069',
498
+
'conpherence-durable-column-view' => '4cb8c197',
499
499
'conpherence-menu-css' => 'f9f1d143',
500
500
'conpherence-message-pane-css' => '7cbf4cbb',
501
501
'conpherence-notification-css' => '919974b6',
···
689
689
'maniphest-batch-editor' => '9a5ed9c1',
690
690
'maniphest-report-css' => 'f6931fdf',
691
691
'maniphest-task-edit-css' => '8e23031b',
692
-
'maniphest-task-summary-css' => '307c88e9',
692
+
'maniphest-task-summary-css' => '8795780d',
693
693
'multirow-row-manager' => 'b5d57730',
694
694
'owners-path-editor' => 'aa1733d0',
695
695
'owners-path-editor-css' => '2f00933b',
···
768
768
'phui-font-icon-base-css' => '3dad2ae3',
769
769
'phui-fontkit-css' => 'b664ac96',
770
770
'phui-form-css' => 'f535f938',
771
-
'phui-form-view-css' => '526ee2ab',
772
-
'phui-header-view-css' => '99066800',
771
+
'phui-form-view-css' => '87263b05',
772
+
'phui-header-view-css' => '8ced06e4',
773
773
'phui-icon-view-css' => '88ba9081',
774
774
'phui-image-mask-css' => '5a8b09c8',
775
775
'phui-info-panel-css' => '27ea50a1',
776
776
'phui-info-view-css' => '33595731',
777
777
'phui-inline-comment-view-css' => '2174771a',
778
778
'phui-list-view-css' => 'e448b6ba',
779
-
'phui-object-box-css' => '70285ee9',
780
-
'phui-object-item-list-view-css' => '4be0645f',
779
+
'phui-object-box-css' => 'b9d566e3',
780
+
'phui-object-item-list-view-css' => '2032bf8b',
781
781
'phui-pinboard-view-css' => '22891c15',
782
782
'phui-property-list-view-css' => 'd2d143ea',
783
783
'phui-remarkup-preview-css' => '19ad512b',
+3
-1
src/applications/maniphest/view/ManiphestTaskResultListView.php
+3
-1
src/applications/maniphest/view/ManiphestTaskResultListView.php
+4
-2
webroot/rsrc/css/aphront/list-filter-view.css
+4
-2
webroot/rsrc/css/aphront/list-filter-view.css
···
14
14
}
15
15
16
16
.device-phone .aphront-list-filter-view {
17
-
padding: 0 8px 8px;
17
+
padding: 0;
18
18
}
19
19
20
20
.device-phone .aphront-list-filter-wrap {
21
21
margin: 0;
22
22
border: none;
23
+
border-radius: 0;
24
+
border-top: 1px solid {$lightblueborder};
23
25
border-bottom: 1px solid {$lightblueborder};
24
26
}
25
27
···
34
36
}
35
37
36
38
.device-phone .aphront-list-filter-view-content .phui-form-view {
37
-
padding: 0;
39
+
padding: 0 0 4px 4px;
38
40
}
39
41
40
42
/* When a list filter view contains two consecuitive forms, lay them out
+1
-2
webroot/rsrc/css/application/maniphest/task-summary.css
+1
-2
webroot/rsrc/css/application/maniphest/task-summary.css
+4
webroot/rsrc/css/phui/phui-form-view.css
+4
webroot/rsrc/css/phui/phui-form-view.css
+5
-5
webroot/rsrc/css/phui/phui-header-view.css
+5
-5
webroot/rsrc/css/phui/phui-header-view.css
···
48
48
body .phui-header-shell.phui-bleed-header
49
49
.phui-header-view {
50
50
padding: 8px 24px 8px 0;
51
-
color: {$bluetext};
51
+
color: {$darkbluetext};
52
52
}
53
53
54
54
.phui-header-shell + .phabricator-form-view {
···
64
64
color: #000;
65
65
font-weight: 500;
66
66
position: relative;
67
+
}
68
+
69
+
.device-phone .phui-header-view {
70
+
font-size: 14px;
67
71
}
68
72
69
73
.phui-object-box .phui-header-tall h1.phui-header-view,
···
99
103
margin: 0 4px;
100
104
font-weight: normal;
101
105
color: {$lightbluetext};
102
-
}
103
-
104
-
body.device-phone .phui-header-view {
105
-
padding: 12px 8px;
106
106
}
107
107
108
108
.phui-header-tags {
+14
-1
webroot/rsrc/css/phui/phui-object-box.css
+14
-1
webroot/rsrc/css/phui/phui-object-box.css
···
11
11
padding: 12px 0 0 0;
12
12
}
13
13
14
+
.device-phone .phui-object-box.phui-object-box-collapsed {
15
+
padding: 8px 0 0 0;
16
+
}
17
+
14
18
.phui-object-box.phui-object-box-collapsed .phui-header-shell {
15
19
padding: 0 8px 12px 16px;
20
+
}
21
+
22
+
.device-phone .phui-object-box.phui-object-box-collapsed .phui-header-shell {
23
+
padding: 0 8px 8px;
16
24
}
17
25
18
26
div.phui-object-box.phui-object-box-flush {
···
32
40
}
33
41
34
42
.device-phone .phui-object-box {
35
-
margin: 8px 8px 0 8px;
43
+
margin: 8px;
44
+
padding: 8px 8px 4px 8px;
45
+
}
46
+
47
+
.device-phone .phui-object-box .phui-header-shell {
48
+
padding-bottom: 8px;
36
49
}
37
50
38
51
/* - Object Box Colors ------------------------------------------------------ */
+5
webroot/rsrc/css/phui/phui-object-item-list-view.css
+5
webroot/rsrc/css/phui/phui-object-item-list-view.css