@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] Thinner PHUIPinboardItemView
Summary: Ref T8099, Cleaner, thinner layout for PHUIPinboardItemView. Removes inner padding, cleans UI by putting title underneath image.
Test Plan:
Review Macro, Pholio, Dashboards with Pholio
{F422185}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12987
+18
-18
+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' => 'e3441f90',
144
144
'rsrc/css/phui/phui-object-item-list-view.css' => '8538712d',
145
-
'rsrc/css/phui/phui-pinboard-view.css' => '22891c15',
145
+
'rsrc/css/phui/phui-pinboard-view.css' => '55b27bc3',
146
146
'rsrc/css/phui/phui-property-list-view.css' => 'd2d143ea',
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' => 'e3441f90',
780
780
'phui-object-item-list-view-css' => '8538712d',
781
-
'phui-pinboard-view-css' => '22891c15',
781
+
'phui-pinboard-view-css' => '55b27bc3',
782
782
'phui-property-list-view-css' => 'd2d143ea',
783
783
'phui-remarkup-preview-css' => '19ad512b',
784
784
'phui-spacing-css' => '042804d6',
+1
-1
src/view/phui/PHUIPinboardItemView.php
+1
-1
src/view/phui/PHUIPinboardItemView.php
+15
-15
webroot/rsrc/css/phui/phui-pinboard-view.css
+15
-15
webroot/rsrc/css/phui/phui-pinboard-view.css
···
5
5
.phui-pinboard-view {
6
6
padding: 8px 0 16px 16px;
7
7
overflow: hidden;
8
-
margin: 12px 0;
8
+
}
9
+
10
+
.dashboard-pane .phui-pinboard-view {
11
+
padding: 16px 8px;
9
12
}
10
13
11
14
.device-phone .phui-pinboard-view {
···
14
17
15
18
.phui-pinboard-item-view {
16
19
margin: 0 12px 16px 0;
17
-
background: #ffffff;
18
-
border-radius: 3px;
20
+
text-align: left;
21
+
width: 280px;
22
+
background: #fff;
19
23
border: 1px solid {$lightblueborder};
20
-
text-align: left;
21
-
width: 288px;
24
+
border-radius: 3px;
22
25
}
23
26
24
27
.phui-pinboard-view .phui-pinboard-item-view {
···
43
46
padding: 6px 8px;
44
47
display: block;
45
48
font-weight: bold;
46
-
border-top-left-radius: 3px;
47
-
border-top-right-radius: 3px;
48
-
border-bottom: 1px solid {$thinblueborder};
49
49
white-space: nowrap;
50
50
overflow: hidden;
51
+
border-top: 1px solid {$thinblueborder};
51
52
}
52
53
53
54
.phui-pinboard-item-header a {
···
55
56
}
56
57
57
58
.phui-pinboard-item-image-link {
58
-
padding: 8px 4px;
59
59
display: block;
60
+
}
61
+
62
+
.phui-pinboard-item-image-link img {
63
+
border-top-left-radius: 3px;
64
+
border-top-right-radius: 3px;
60
65
}
61
66
62
67
.phui-pinboard-item-content {
63
-
padding: 8px;
68
+
padding: 0 8px 8px;
64
69
overflow: hidden;
65
70
color: {$bluetext};
66
71
font-size: 12px;
67
-
}
68
-
69
-
.phui-pinboard-item-content + .phui-pinboard-icons,
70
-
.phui-pinboard-item-image-link + .phui-pinboard-icons {
71
-
border-top: 1px solid {$thinblueborder};
72
72
}
73
73
74
74
.phui-pinboard-item-count {