@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
Update notification UI a little
Summary: Fixes T8944. Adds a small dot if notification is new along with color. Goes away when clicked. Increased font and padding for readability.
Test Plan: Send notifications from test account, review them in menu, application search, and in real-time display.
Reviewers: epriestley
Reviewed By: epriestley
Spies: Korvin
Maniphest Tasks: T8944
Differential Revision: https://secure.phabricator.com/D18485
+52
-19
+5
-5
resources/celerity/map.php
+5
-5
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => 'e68cf1fa',
11
11
'conpherence.pkg.js' => 'b5b51108',
12
-
'core.pkg.css' => '291cbd98',
12
+
'core.pkg.css' => 'b324663c',
13
13
'core.pkg.js' => '6c085267',
14
14
'darkconsole.pkg.js' => '1f9a31bc',
15
15
'differential.pkg.css' => '45951e9e',
···
29
29
'rsrc/css/aphront/dialog-view.css' => '6bfc244b',
30
30
'rsrc/css/aphront/list-filter-view.css' => '5d6f0526',
31
31
'rsrc/css/aphront/multi-column.css' => '84cc6640',
32
-
'rsrc/css/aphront/notification.css' => '3f6c89c9',
32
+
'rsrc/css/aphront/notification.css' => '457861ec',
33
33
'rsrc/css/aphront/panel-view.css' => '8427b78d',
34
34
'rsrc/css/aphront/phabricator-nav-view.css' => 'faf6a6fc',
35
35
'rsrc/css/aphront/table-view.css' => 'a3aa6910',
···
40
40
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
41
41
'rsrc/css/application/auth/auth.css' => '0877ed6e',
42
42
'rsrc/css/application/base/main-menu-view.css' => '1802a242',
43
-
'rsrc/css/application/base/notification-menu.css' => '73fefdfa',
43
+
'rsrc/css/application/base/notification-menu.css' => '10685bd4',
44
44
'rsrc/css/application/base/phui-theme.css' => '9f261c6b',
45
45
'rsrc/css/application/base/standard-page-view.css' => '34ee718b',
46
46
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
···
792
792
'phabricator-main-menu-view' => '1802a242',
793
793
'phabricator-nav-view-css' => 'faf6a6fc',
794
794
'phabricator-notification' => '5c3349b2',
795
-
'phabricator-notification-css' => '3f6c89c9',
796
-
'phabricator-notification-menu-css' => '73fefdfa',
795
+
'phabricator-notification-css' => '457861ec',
796
+
'phabricator-notification-menu-css' => '10685bd4',
797
797
'phabricator-object-selector-css' => '85ee8ce6',
798
798
'phabricator-phtize' => 'd254d646',
799
799
'phabricator-prefab' => 'c5af80a2',
+14
-2
src/view/phui/PHUIFeedStoryView.php
+14
-2
src/view/phui/PHUIFeedStoryView.php
···
150
150
if ($this->getShowTimestamp()) {
151
151
if ($this->epoch) {
152
152
if ($user) {
153
-
$foot = phabricator_datetime($this->epoch, $user);
153
+
$marker = id(new PHUIIconView())
154
+
->setIcon('fa-circle')
155
+
->addClass('phabricator-notification-status');
156
+
$date = phabricator_datetime($this->epoch, $user);
154
157
$foot = phutil_tag(
155
158
'span',
156
159
array(
157
160
'class' => 'phabricator-notification-date',
158
161
),
159
-
$foot);
162
+
$date);
163
+
$foot = phutil_tag(
164
+
'div',
165
+
array(
166
+
'class' => 'phabricator-notification-foot',
167
+
),
168
+
array(
169
+
$marker,
170
+
$date,
171
+
));
160
172
} else {
161
173
$foot = null;
162
174
}