@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] Update Feed
Summary: Ref T8099, minor spacing improvements and more icons for feed.
Test Plan:
Test feed in Feed, in a Dashboard, Profile, and Project
{F443366}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13045
+25
-98
+7
-7
resources/celerity/map.php
+7
-7
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '99b01d05',
10
+
'core.pkg.css' => '55901d68',
11
11
'core.pkg.js' => 'e4f47dfd',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => 'bb338e4b',
···
69
69
'rsrc/css/application/diffusion/diffusion-icons.css' => '4ba18923',
70
70
'rsrc/css/application/diffusion/diffusion-readme.css' => '2106ea08',
71
71
'rsrc/css/application/diffusion/diffusion-source.css' => '66fdf661',
72
-
'rsrc/css/application/feed/feed.css' => 'b490a135',
72
+
'rsrc/css/application/feed/feed.css' => 'ecd4ec57',
73
73
'rsrc/css/application/files/global-drag-and-drop.css' => '697324ad',
74
74
'rsrc/css/application/flag/flag.css' => '5337623f',
75
75
'rsrc/css/application/harbormaster/harbormaster.css' => '49d64eb4',
···
98
98
'rsrc/css/application/ponder/feed.css' => 'e62615b6',
99
99
'rsrc/css/application/ponder/post.css' => '9d415218',
100
100
'rsrc/css/application/ponder/vote.css' => '8ed6ed8b',
101
-
'rsrc/css/application/profile/profile-view.css' => '1a20dcbf',
101
+
'rsrc/css/application/profile/profile-view.css' => 'cb6f56b7',
102
102
'rsrc/css/application/projects/project-icon.css' => 'c2ecb7f1',
103
103
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
104
104
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
···
130
130
'rsrc/css/phui/phui-button.css' => 'b995182d',
131
131
'rsrc/css/phui/phui-crumbs-view.css' => '3840dc4c',
132
132
'rsrc/css/phui/phui-document.css' => '8be7a5e3',
133
-
'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5',
133
+
'rsrc/css/phui/phui-feed-story.css' => 'e5682f4c',
134
134
'rsrc/css/phui/phui-fontkit.css' => 'b664ac96',
135
135
'rsrc/css/phui/phui-form-view.css' => '87263b05',
136
136
'rsrc/css/phui/phui-form.css' => 'f535f938',
···
705
705
'phabricator-drag-and-drop-file-upload' => '07de8873',
706
706
'phabricator-draggable-list' => 'a16ec1c6',
707
707
'phabricator-fatal-config-template-css' => '8e6c6fcd',
708
-
'phabricator-feed-css' => 'b490a135',
708
+
'phabricator-feed-css' => 'ecd4ec57',
709
709
'phabricator-file-upload' => '477359c8',
710
710
'phabricator-filetree-view-css' => 'fccf9f82',
711
711
'phabricator-flag-css' => '5337623f',
···
721
721
'phabricator-object-selector-css' => '029a133d',
722
722
'phabricator-phtize' => 'd254d646',
723
723
'phabricator-prefab' => '6920d200',
724
-
'phabricator-profile-css' => '1a20dcbf',
724
+
'phabricator-profile-css' => 'cb6f56b7',
725
725
'phabricator-remarkup-css' => 'ea91b3ee',
726
726
'phabricator-search-results-css' => '15c71110',
727
727
'phabricator-shaped-request' => '7cbe244b',
···
762
762
'phui-calendar-month-css' => '476be7e0',
763
763
'phui-crumbs-view-css' => '3840dc4c',
764
764
'phui-document-view-css' => '8be7a5e3',
765
-
'phui-feed-story-css' => 'c9f3a0b5',
765
+
'phui-feed-story-css' => 'e5682f4c',
766
766
'phui-font-icon-base-css' => '3dad2ae3',
767
767
'phui-fontkit-css' => 'b664ac96',
768
768
'phui-form-css' => 'f535f938',
+3
-3
src/applications/feed/builder/PhabricatorFeedBuilder.php
+3
-3
src/applications/feed/builder/PhabricatorFeedBuilder.php
···
59
59
$last_date = $date;
60
60
$header = new PHUIHeaderView();
61
61
$header->setHeader($date);
62
+
$header->setHeaderIcon('fa-calendar blue msr');
62
63
63
64
$null_view->appendChild($header);
64
65
}
···
94
95
$null_view->appendChild($view);
95
96
}
96
97
97
-
98
+
return id(new PHUIObjectBoxView())
99
+
->appendChild($null_view);
98
100
99
-
return id(new AphrontNullView())
100
-
->appendChild($null_view->render());
101
101
}
102
102
103
103
}
+5
-9
src/view/phui/PHUIFeedStoryView.php
+5
-9
src/view/phui/PHUIFeedStoryView.php
···
157
157
158
158
$body = null;
159
159
$foot = null;
160
-
$image_style = null;
161
-
$actor = '';
162
160
163
-
if ($this->image) {
164
-
$actor = new PHUIIconView();
165
-
$actor->setImage($this->image);
166
-
$actor->addClass('phui-feed-story-actor-image');
167
-
if ($this->imageHref) {
168
-
$actor->setHref($this->imageHref);
169
-
}
161
+
$actor = new PHUIIconView();
162
+
$actor->setImage($this->image);
163
+
$actor->addClass('phui-feed-story-actor-image');
164
+
if ($this->imageHref) {
165
+
$actor->setHref($this->imageHref);
170
166
}
171
167
172
168
if ($this->epoch) {
-63
webroot/rsrc/css/application/feed/feed.css
-63
webroot/rsrc/css/application/feed/feed.css
···
2
2
* @provides phabricator-feed-css
3
3
*/
4
4
5
-
.phabricator-feed-frame {
6
-
margin: 20px 10px;
7
-
}
8
-
9
-
.phabricator-public-feed-frame {
10
-
margin: 10px;
11
-
max-width: 600px;
12
-
overflow-x: auto;
13
-
}
14
-
15
-
.device-desktop .phabricator-feed-frame {
16
-
max-width: 600px;
17
-
margin: 16px;
18
-
}
19
-
20
-
.phabricator-feed-story-date-separator {
21
-
margin-top: 16px;
22
-
}
23
-
24
5
.phabricator-feed-newer-link {
25
6
float: left;
26
7
font-weight: bold;
···
42
23
.phabricator-public-feed-frame .phui-feed-wrap {
43
24
border: none;
44
25
}
45
-
46
-
/* - Dashboards ------------------------------------------------------------ */
47
-
48
-
.dashboard-pane div.phabricator-feed-frame {
49
-
margin: 0;
50
-
max-width: none;
51
-
}
52
-
53
-
.dashboard-pane .phabricator-feed-frame .phui-header-shell {
54
-
padding: 0;
55
-
}
56
-
57
-
.dashboard-pane .phabricator-feed-frame .phui-header-view {
58
-
font-size: 13px;
59
-
margin-left: 4px;
60
-
padding: 8px 0;
61
-
margin-bottom: 0;
62
-
color: {$bluetext};
63
-
font-weight: 500;
64
-
}
65
-
66
-
.dashboard-pane .phabricator-feed-frame .phui-feed-story {
67
-
border: none;
68
-
border-bottom: 1px solid {$thinblueborder};
69
-
margin: 0;
70
-
}
71
-
72
-
.dashboard-pane .phabricator-feed-frame .phui-feed-story-head {
73
-
padding: 12px 4px;
74
-
}
75
-
76
-
.dashboard-pane .phabricator-feed-frame .phui-feed-story-body {
77
-
margin: 12px 4px;
78
-
}
79
-
80
-
.dashboard-pane .phabricator-feed-frame .phui-feed-story-foot {
81
-
background: #fff;
82
-
padding: 12px 4px;
83
-
}
84
-
85
-
.dashboard-pane .phabricator-feed-frame
86
-
.phabricator-feed-story-date-separator {
87
-
margin-top: 0;
88
-
}
-5
webroot/rsrc/css/application/profile/profile-view.css
-5
webroot/rsrc/css/application/profile/profile-view.css
+10
-11
webroot/rsrc/css/phui/phui-feed-story.css
+10
-11
webroot/rsrc/css/phui/phui-feed-story.css
···
1
1
/**
2
2
* @provides phui-feed-story-css
3
3
*/
4
-
5
-
.phui-feed-story {
6
-
background: 5px 2px no-repeat;
7
-
min-height: 44px;
8
-
background-color: #fff;
4
+
.phui-object-box .phabricator-feed-frame .phui-header-shell h1 {
5
+
color: {$blue};
9
6
}
10
7
11
8
.phui-feed-story-head .phui-feed-story-actor-image {
···
14
11
background-size: 35px;
15
12
float: left;
16
13
margin-right: 8px;
14
+
border: 1px solid rgba(55,55,55,.2);
15
+
border-radius: 3px;
17
16
}
18
17
19
18
.phui-feed-story-head {
20
-
padding: 8px;
19
+
padding: 12px 8px;
21
20
overflow: hidden;
22
21
color: {$greytext};
22
+
line-height: 16px;
23
23
}
24
24
25
25
.phui-feed-story-head .phui-link-person {
···
28
28
}
29
29
30
30
.phui-feed-story-body {
31
-
margin: 0 8px 8px;
31
+
margin: 4px 8px 8px;
32
32
color: {$darkgreytext};
33
33
word-break: break-word;
34
34
max-height: 300px;
35
35
overflow: hidden;
36
+
line-height: 18px;
36
37
}
37
38
38
39
.phui-feed-story-body.phabricator-remarkup {
···
40
41
}
41
42
42
43
.phui-feed-story-foot {
43
-
font-size: 11px;
44
-
background: {$lightgreybackground};
45
-
padding: 8px;
46
-
line-height: 14px;
44
+
font-size: 12px;
45
+
padding: 8px 8px 12px 8px;
47
46
}
48
47
49
48
.phui-feed-story-foot,