@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
Normalize ActionList dropdowns
Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list.
Test Plan:
Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way.
{F368091}
{F368092}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12373
+29
-38
+9
-9
resources/celerity/map.php
+9
-9
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => 'a2bfa724',
10
+
'core.pkg.css' => '58063506',
11
11
'core.pkg.js' => '6a4f677f',
12
12
'darkconsole.pkg.js' => '8ab24e01',
13
13
'differential.pkg.css' => '3500921f',
···
123
123
'rsrc/css/phui/calendar/phui-calendar-month.css' => 'a92e47d2',
124
124
'rsrc/css/phui/calendar/phui-calendar.css' => '8675968e',
125
125
'rsrc/css/phui/phui-action-header-view.css' => '89c497e7',
126
-
'rsrc/css/phui/phui-action-list.css' => '9ee9910a',
126
+
'rsrc/css/phui/phui-action-list.css' => 'c5f7a8c5',
127
127
'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
128
128
'rsrc/css/phui/phui-box.css' => '7b3a2eed',
129
129
'rsrc/css/phui/phui-button.css' => '53f55a72',
130
130
'rsrc/css/phui/phui-crumbs-view.css' => '594d719e',
131
-
'rsrc/css/phui/phui-document.css' => '0f83a7df',
131
+
'rsrc/css/phui/phui-document.css' => 'aa714c6d',
132
132
'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5',
133
133
'rsrc/css/phui/phui-fontkit.css' => '1fa79503',
134
134
'rsrc/css/phui/phui-form-view.css' => '28062c92',
135
135
'rsrc/css/phui/phui-form.css' => 'f535f938',
136
-
'rsrc/css/phui/phui-header-view.css' => '083669db',
136
+
'rsrc/css/phui/phui-header-view.css' => 'da4586b1',
137
137
'rsrc/css/phui/phui-icon.css' => 'bc766998',
138
138
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
139
139
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
140
140
'rsrc/css/phui/phui-info-view.css' => 'c6f0aef8',
141
141
'rsrc/css/phui/phui-list.css' => '2e25ebfb',
142
-
'rsrc/css/phui/phui-object-box.css' => 'd68ce5dc',
142
+
'rsrc/css/phui/phui-object-box.css' => '7d160002',
143
143
'rsrc/css/phui/phui-object-item-list-view.css' => '9db65899',
144
144
'rsrc/css/phui/phui-pinboard-view.css' => '3dd4a269',
145
145
'rsrc/css/phui/phui-property-list-view.css' => '5b671934',
···
712
712
'paste-css' => 'eb997ddd',
713
713
'path-typeahead' => 'f7fc67ec',
714
714
'people-profile-css' => '25970776',
715
-
'phabricator-action-list-view-css' => '9ee9910a',
715
+
'phabricator-action-list-view-css' => 'c5f7a8c5',
716
716
'phabricator-application-launch-view-css' => '16ca323f',
717
717
'phabricator-busy' => '59a7976a',
718
718
'phabricator-chatlog-css' => '852140ff',
···
781
781
'phui-calendar-list-css' => 'c1d0ca59',
782
782
'phui-calendar-month-css' => 'a92e47d2',
783
783
'phui-crumbs-view-css' => '594d719e',
784
-
'phui-document-view-css' => '0f83a7df',
784
+
'phui-document-view-css' => 'aa714c6d',
785
785
'phui-feed-story-css' => 'c9f3a0b5',
786
786
'phui-font-icon-base-css' => '3dad2ae3',
787
787
'phui-fontkit-css' => '1fa79503',
788
788
'phui-form-css' => 'f535f938',
789
789
'phui-form-view-css' => '28062c92',
790
-
'phui-header-view-css' => '083669db',
790
+
'phui-header-view-css' => 'da4586b1',
791
791
'phui-icon-view-css' => 'bc766998',
792
792
'phui-image-mask-css' => '5a8b09c8',
793
793
'phui-info-panel-css' => '27ea50a1',
794
794
'phui-info-view-css' => 'c6f0aef8',
795
795
'phui-inline-comment-view-css' => 'b7860d00',
796
796
'phui-list-view-css' => '2e25ebfb',
797
-
'phui-object-box-css' => 'd68ce5dc',
797
+
'phui-object-box-css' => '7d160002',
798
798
'phui-object-item-list-view-css' => '9db65899',
799
799
'phui-pinboard-view-css' => '3dd4a269',
800
800
'phui-property-list-view-css' => '5b671934',
+11
-13
webroot/rsrc/css/phui/phui-action-list.css
+11
-13
webroot/rsrc/css/phui/phui-action-list.css
···
23
23
24
24
.device .phabricator-action-list-view.phabricator-action-list-toggle {
25
25
display: block;
26
-
}
27
-
28
-
.device .phui-property-list-view
29
-
.phabricator-action-view button.phabricator-action-view-item,
30
-
.device .phui-property-list-view .phabricator-action-view-item {
31
-
font-size: 14px;
32
-
line-height: 22px;
33
-
padding-bottom: 4px;
34
-
border-bottom: 1px solid {$thinblueborder};
35
-
padding-left: 30px;
26
+
width: 200px;
27
+
border: 1px solid {$lightblueborder};
28
+
border-radius: 3px;
29
+
position: absolute;
30
+
right: 16px;
31
+
top: 42px;
32
+
background: #fff;
33
+
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
36
34
}
37
35
38
-
.device .phui-property-list-actions .phabricator-action-view .phui-icon-view {
39
-
font-size: 14px;
40
-
line-height: 18px;
36
+
.device-phone .phabricator-action-list-view.phabricator-action-list-toggle {
37
+
right: 8px;
38
+
top: 38px;
41
39
}
42
40
43
41
.phabricator-action-view {
-6
webroot/rsrc/css/phui/phui-document.css
-6
webroot/rsrc/css/phui/phui-document.css
···
111
111
overflow: hidden;
112
112
}
113
113
114
-
.device-phone .phui-document-content .phabricator-action-list-view {
115
-
margin: 0;
116
-
border-bottom: 1px solid #c0c5d1;
117
-
background: {$lightgreybackground};
118
-
}
119
-
120
114
.phui-document-content .phabricator-remarkup {
121
115
padding: 16px;
122
116
}
+5
-10
webroot/rsrc/css/phui/phui-header-view.css
+5
-10
webroot/rsrc/css/phui/phui-header-view.css
···
53
53
}
54
54
55
55
.phui-object-box .phui-header-view .phui-header-action-links {
56
-
margin-right: 4px;
57
-
margin-top: -2px;
58
-
margin-bottom: -3px;
56
+
margin-right: 12px;
57
+
margin-top: 4px;
59
58
}
60
59
61
-
.phui-object-box .phui-header-has-image .phui-header-view
62
-
.phui-header-action-links {
63
-
margin-top: 8px;
64
-
}
65
-
66
-
.phui-document-view .phui-header-view .phui-header-action-links {
67
-
margin-top: 4px;
60
+
.device-phone .phui-object-box .phui-header-view .phui-header-action-links {
61
+
margin-right: 4px;
62
+
margin-top: -1px;
68
63
}
69
64
70
65
.device-phone .phui-header-action-link .phui-button-text {