design
This commit is contained in:
parent
f73d4c3c14
commit
8e6dbe9bc3
|
@ -1,15 +1,16 @@
|
||||||
<div class="ui-g-12 ui-bottom-border-1">
|
<div class="ui-g ui-g-nopad ui-app-noti">
|
||||||
Notifications
|
<h4>Notifications</h4>
|
||||||
</div>
|
|
||||||
<li role="menuitem" *ngFor="let noti of notifications | slice:0:5; let i = index" class="ui-bottom-border-1 ui-app-noti">
|
<li role="menuitem" *ngFor="let noti of notifications | slice:0:5; let i = index">
|
||||||
<a href="javascript:void(0)" class="topbar-message" (click)="onNotiClick(noti)" [ngStyle]="noti.confirmDate ? '' : {'background-color': 'lightblue'}">
|
<a href="javascript:void(0)" class="topbar-message" (click)="onNotiClick(noti)" [ngStyle]="noti.confirmDate ? '' : {'background-color': 'lightblue'}">
|
||||||
|
<div class="ui-app-noti-date">{{noti.createDate | date: 'short'}}</div>
|
||||||
<div class="ui-app-noti-title">{{noti.title}}</div>
|
<div class="ui-app-noti-title">{{noti.title}}</div>
|
||||||
<div class="ui-app-noti-content">{{noti.message}}</div>
|
<div class="ui-app-noti-content">{{noti.message}}</div>
|
||||||
<div class="ui-app-noti-date">{{noti.createDate | date: 'short'}}</div>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li role="menuitem">
|
<li role="menuitem">
|
||||||
<a href="javascript:void(0)" class="topbar-message" (click)="onViewAllClick(noti)">
|
<a href="javascript:void(0)" class="topbar-message" (click)="onViewAllClick(noti)">
|
||||||
<span>View All</span>
|
<span>View All</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
</div>
|
||||||
|
|
|
@ -132,7 +132,7 @@
|
||||||
<span class="topbar-badge animated rubberBand" *ngIf="notificationCount > 0">
|
<span class="topbar-badge animated rubberBand" *ngIf="notificationCount > 0">
|
||||||
{{notificationCount}}
|
{{notificationCount}}
|
||||||
</span>
|
</span>
|
||||||
<span class="topbar-item-name">Messages</span>
|
<span class="topbar-item-name">Notifications</span>
|
||||||
</a>
|
</a>
|
||||||
<ul class="ultima-menu animated fadeInDown">
|
<ul class="ultima-menu animated fadeInDown">
|
||||||
<of-notification-menu (notificationLoaded)="onNotiLoaded($event)"></of-notification-menu>
|
<of-notification-menu (notificationLoaded)="onNotiLoaded($event)"></of-notification-menu>
|
||||||
|
|
|
@ -189,17 +189,27 @@ img.ui-img-profile-responsive {
|
||||||
.ui-bottom-border-1 {
|
.ui-bottom-border-1 {
|
||||||
border-bottom: #bdbdbd 1px solid;
|
border-bottom: #bdbdbd 1px solid;
|
||||||
}
|
}
|
||||||
|
/*.layout-container .ultima-menu{
|
||||||
|
width: 100% ;
|
||||||
|
}*/
|
||||||
|
|
||||||
.layout-container .ultima-menu .ui-app-noti{
|
.layout-container .ultima-menu .ui-app-noti{
|
||||||
h4 {
|
h4 {
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
border-top : 1px solid #bdbdbd;
|
|
||||||
border-bottom : 1px solid #bdbdbd;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border-bottom: #bdbdbd 1px solid;
|
||||||
padding: 7px 10px;
|
padding: 7px 10px;
|
||||||
color: #bdbdbd;
|
color: #bdbdbd;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 1024px){
|
||||||
|
h4 {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
li{
|
||||||
|
border-top: #bdbdbd 1px solid;
|
||||||
|
}
|
||||||
|
}
|
||||||
li{
|
li{
|
||||||
padding: 0 ;
|
padding: 0 ;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user