Fix notification with large message

pull/1535/head
Chocobozzz 2018-12-20 11:18:29 +01:00
parent f8b2c1b4f5
commit 4707f410ae
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 26 additions and 23 deletions

View File

@ -41,7 +41,7 @@
</td> </td>
<td class="action-cell"> <td class="action-cell">
<my-action-dropdown i18n-label label="Actions" [actions]="videoAbuseActions" [entry]="videoAbuse"></my-action-dropdown> <my-action-dropdown placement="bottom-right" i18n-label label="Actions" [actions]="videoAbuseActions" [entry]="videoAbuse"></my-action-dropdown>
</td> </td>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -30,7 +30,7 @@
<td>{{ videoBlacklist.createdAt }}</td> <td>{{ videoBlacklist.createdAt }}</td>
<td class="action-cell"> <td class="action-cell">
<my-action-dropdown i18n-label label="Actions" [actions]="videoBlacklistActions" [entry]="videoBlacklist"></my-action-dropdown> <my-action-dropdown i18n-label placement="bottom-right" label="Actions" [actions]="videoBlacklistActions" [entry]="videoBlacklist"></my-action-dropdown>
</td> </td>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -40,6 +40,7 @@
<my-confirm></my-confirm> <my-confirm></my-confirm>
<p-toast position="bottom-right"> <p-toast position="bottom-right">
<ng-template let-message pTemplate="message"> <ng-template let-message pTemplate="message">
<div class="notification-block">
<div class="message"> <div class="message">
<h3>{{ message.summary }}</h3> <h3>{{ message.summary }}</h3>
<p>{{ message.detail }}</p> <p>{{ message.detail }}</p>
@ -48,5 +49,6 @@
<span *ngIf="message.severity === 'success'" class="glyphicon glyphicon-ok"></span> <span *ngIf="message.severity === 'success'" class="glyphicon glyphicon-ok"></span>
<span *ngIf="message.severity === 'info'" class="glyphicon glyphicon-info-sign"></span> <span *ngIf="message.severity === 'info'" class="glyphicon glyphicon-info-sign"></span>
<span *ngIf="message.severity === 'error'" class="glyphicon glyphicon-remove"></span> <span *ngIf="message.severity === 'error'" class="glyphicon glyphicon-remove"></span>
</div>
</ng-template> </ng-template>
</p-toast> </p-toast>

View File

@ -324,9 +324,10 @@ p-toast {
background-color: #03A9F4 !important; background-color: #03A9F4 !important;
} }
.message { .notification-block {
float: left; display: flex;
.message {
h3 { h3 {
font-size: 21px; font-size: 21px;
} }
@ -337,10 +338,10 @@ p-toast {
} }
.glyphicon { .glyphicon {
float: right;
font-size: 32px; font-size: 32px;
margin-top: 15px; margin-top: 15px;
margin-right: 5px; margin-right: 5px;
} }
} }
} }
}