artin/community-app
1
0
Fork 0
mirror of https://github.com/openMF/community-app.git synced 2026-02-06 09:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add CSS to highlight new notification (#3083)

Browse Source
This commit is contained in:
Courage Angeh 2019-11-15 03:33:21 -05:00 committed by Awasum Yannick
parent 9d662d99b7
commit cc1e51a61e
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/styles-dev/main/components/_notifications.scss
View File

@ -28,7 +28,7 @@
overflow-y:auto;
overflow-x:hidden;
background:#fff;
position:absolute;
z-index:100;
right:0;
@ -70,7 +70,14 @@
text-align: center;
padding: 8px 5px;
}
}
.new-notification {
font-weight: bold;
border-left: #4f99ed solid 2px;
h4 {
font-weight: bold;
}
}

2
app/views/_topnavbar.html
View File

@ -87,7 +87,7 @@
<div class="numberCircle" ng-hide="numberOfUnreadNotifications == 0">{{ numberOfUnreadNotifications }}</div>
<ul class="notification-container" uib-dropdown-menu>
<ul class="notification-list" ng-repeat="notification in notifications">
<li ng-click="navigateToAction(notification)">
<li ng-class="notification.isRead ? '' : 'new-notification'" ng-click="navigateToAction(notification)">
<h4>{{ notification.content }}</h4>
<span>{{ notification.createdAt }}</span>
</li>

2
app/views/notification/notifications.html
View File

@ -9,7 +9,7 @@
</tr>
</thead>
<tbody>
<tr class="pointer-main" dir-paginate="notification in notifications | itemsPerPage: notificationsPerPage"
<tr ng-class="notification.isRead ? '' : 'new-notification'" class="pointer-main" dir-paginate="notification in notifications | itemsPerPage: notificationsPerPage"
total-items="totalNotifications" ng-click="navigateToAction(notification)">
<td class="pointer">{{ notification.content }}</td>
<td>{{ notification.createdAt }}</td>