Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-11-29 21:54:13 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #5389 from zhoumeina/notification_ui_refine

Browse Source 
Notification should not hide content according to ux
This commit is contained in:
Qian Deng 2018-07-25 00:35:45 -04:00 committed by GitHub
commit e597910c6f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui_ng/src/app/global-message/message.component.html
View File

@ -1,4 +1,4 @@
<div [class.global-message-alert]="!isAppLevel"> <div [class.alert-app-level]="!isAppLevel">
<clr-alert [clrAlertType]="globalMessage.type" [clrAlertAppLevel]="isAppLevel" [(clrAlertClosed)]="!globalMessageOpened" (clrAlertClosedChange)="onClose()"> <clr-alert [clrAlertType]="globalMessage.type" [clrAlertAppLevel]="isAppLevel" [(clrAlertClosed)]="!globalMessageOpened" (clrAlertClosedChange)="onClose()">
<div class="alert-item"> <div class="alert-item">
<span class="alert-text">{{message}}</span> <span class="alert-text">{{message}}</span>

17
src/ui_ng/src/app/global-message/message.component.scss
View File

@ -1,16 +1,3 @@
.global-message-alert { .alert-app-level {
position: relative; margin-bottom:20px;
top: 0;
left: 0;
width: 100%;
z-index: 999;
margin-bottom: 20px;
} }
.alert-item {
display: inline-block;
text-align: center;
}
:host >>> .alert-icon-wrapper{
display: inline;
}
:host >>> .alert.alert-app-level.alert-warning{padding: 0;}