@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] Center Pinboard Items
Summary: Ref T8099, This centers, but floats, all pinboards items based on screen width.
Test Plan:
Test desktop, mobile break points. Items scale nicely.
{F459680}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13085
+16
-12
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
142
142
'rsrc/css/phui/phui-list.css' => 'e448b6ba',
143
143
'rsrc/css/phui/phui-object-box.css' => 'c57e6647',
144
144
'rsrc/css/phui/phui-object-item-list-view.css' => '29ded459',
145
-
'rsrc/css/phui/phui-pinboard-view.css' => '55b27bc3',
145
+
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
146
146
'rsrc/css/phui/phui-property-list-view.css' => '1baf23eb',
147
147
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
148
148
'rsrc/css/phui/phui-spacing.css' => '042804d6',
···
778
778
'phui-list-view-css' => 'e448b6ba',
779
779
'phui-object-box-css' => 'c57e6647',
780
780
'phui-object-item-list-view-css' => '29ded459',
781
-
'phui-pinboard-view-css' => '55b27bc3',
781
+
'phui-pinboard-view-css' => '2495140e',
782
782
'phui-property-list-view-css' => '1baf23eb',
783
783
'phui-remarkup-preview-css' => '19ad512b',
784
784
'phui-spacing-css' => '042804d6',
+8
-1
src/view/phui/PHUIPinboardItemView.php
+8
-1
src/view/phui/PHUIPinboardItemView.php
···
115
115
$classes[] = 'phui-pinboard-item-disabled';
116
116
}
117
117
118
-
return phutil_tag(
118
+
$item = phutil_tag(
119
119
'div',
120
120
array(
121
121
'class' => implode(' ', $classes),
···
126
126
$content,
127
127
$icons,
128
128
));
129
+
130
+
return phutil_tag(
131
+
'li',
132
+
array(
133
+
'class' => 'phui-pinboard-list-item',
134
+
),
135
+
$item);
129
136
}
130
137
131
138
}
+1
-1
src/view/phui/PHUIPinboardView.php
+1
-1
src/view/phui/PHUIPinboardView.php
+5
-8
webroot/rsrc/css/phui/phui-pinboard-view.css
+5
-8
webroot/rsrc/css/phui/phui-pinboard-view.css
···
3
3
*/
4
4
5
5
.phui-pinboard-view {
6
-
padding: 8px 0 16px 16px;
6
+
padding: 16px 8px;
7
7
overflow: hidden;
8
+
text-align: center;
8
9
}
9
10
10
-
.dashboard-pane .phui-pinboard-view {
11
-
padding: 16px 8px;
12
-
}
13
-
14
-
.device-phone .phui-pinboard-view {
15
-
padding: 0;
11
+
.phui-pinboard-list-item {
12
+
display: inline;
16
13
}
17
14
18
15
.phui-pinboard-item-view {
···
25
22
}
26
23
27
24
.phui-pinboard-view .phui-pinboard-item-view {
28
-
float: left;
25
+
display: inline-block;
29
26
}
30
27
31
28
.device-desktop .phui-pinboard-item-view:hover {