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

fix #2903 #2908 about icons color and statistics style

Browse Source
This commit is contained in:
pengpengshui 2017-07-31 17:20:27 +08:00
parent 8ca28446d4
commit d666574f66
6 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/ui_ng/lib/src/tag/tag-detail.component.css.ts
View File

@ -106,4 +106,7 @@ export const TAG_DETAIL_STYLES: string = `
margin-left: 6px;
font-weight: 500;
}
.tip-icon-medium {
color: orange;
}
`;

4
src/ui_ng/lib/src/tag/tag-detail.component.html.ts
View File

@ -44,7 +44,7 @@ export const TAG_DETAIL_HTML: string = `
<clr-icon shape="error" size="24" class="is-error"></clr-icon>
</div>
<div class="second-row">
<clr-icon shape="exclamation-triangle" size="24" class="is-warning"></clr-icon>
<clr-icon shape="exclamation-triangle" size="24" class="tip-icon-medium"></clr-icon>
</div>
</div>
<div class="second-column">
@ -56,7 +56,7 @@ export const TAG_DETAIL_HTML: string = `
<clr-icon shape="play" size="20" class="is-warning rotate-90"></clr-icon>
</div>
<div class="second-row">
<clr-icon shape="help" size="20"></clr-icon>
<clr-icon shape="help" size="18" style="margin-left: 2px;"></clr-icon>
</div>
</div>
<div class="fourth-column">

14
src/ui_ng/lib/src/vulnerability-scanning/scanning.css.ts
View File

@ -43,13 +43,13 @@ export const SCANNING_STYLES: string = `
margin-left: -4px;
}
.bar-block-high {
background-color: red;
background-color: #e62700;
}
.bar-block-medium {
background-color: yellow;
background-color: orange;
}
.bar-block-low {
background-color: orange;
background-color: #fac400;
}
.bar-block-none {
background-color: green;
@ -84,7 +84,13 @@ export const SCANNING_STYLES: string = `
.refresh-btn:hover {
color: #007CBB;
}
.tip-icon-low {
.label.label-medium{
background-color: #ffe4a9;
border: 1px solid orange;
color: orange;
}
.tip-icon-medium {
color: orange;
}
`;

10
src/ui_ng/lib/src/vulnerability-scanning/scanning.html.ts
View File

@ -16,15 +16,15 @@ export const TIP_COMPONENT_HTML: string = `
<span>{{highCount}} {{'VULNERABILITY.SEVERITY.HIGH' | translate }}</span>
</div>
<div *ngIf="hasMedium" class="bar-summary-item">
<clr-icon *ngIf="hasMedium" shape="exclamation-triangle" class="is-warning" size="22"></clr-icon>
<clr-icon *ngIf="hasMedium" shape="exclamation-triangle" class="tip-icon-medium" size="22"></clr-icon>
<span>{{mediumCount}} {{'VULNERABILITY.SEVERITY.MEDIUM' | translate }}</span>
</div>
<div *ngIf="hasLow" class="bar-summary-item">
<clr-icon shape="info-circle" class="tip-icon-low" size="24"></clr-icon>
<clr-icon shape="play" class="is-warning rotate-90" size="20"></clr-icon>
<span>{{lowCount}} {{'VULNERABILITY.SEVERITY.LOW' | translate }}</span>
</div>
<div *ngIf="hasUnknown" class="bar-summary-item">
<clr-icon shape="help" size="20"></clr-icon>
<clr-icon shape="help" size="18" style="margin-left: 3px;"></clr-icon>
<span>{{unknownCount}} {{'VULNERABILITY.SEVERITY.UNKNOWN' | translate }}</span>
</div>
<div *ngIf="hasNone" class="bar-summary-item">
@ -64,8 +64,8 @@ export const GRID_COMPONENT_HTML: string = `
<clr-dg-cell>{{res.id}}</clr-dg-cell>
<clr-dg-cell [ngSwitch]="res.severity">
<span *ngSwitchCase="5" class="label label-danger">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchCase="4" class="label label-warning">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchCase="3" class="label label-success">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchCase="4" class="label label-medium">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchCase="3" class="label label-warning">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchCase="1" class="label label-info">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchDefault>{{severityText(res.severity) | translate}}</span>
</clr-dg-cell>

2
src/ui_ng/src/app/shared/gauge/gauge.component.css
View File

@ -167,7 +167,7 @@
text-align: center;
margin-top: 3px;
position: relative;
bottom: -2px;
bottom: 12px;
}
.esxc-gauge-small .esxc-title .esxc-bar-title {

4
src/ui_ng/src/app/shared/statictics/statistics.component.css
View File

@ -44,8 +44,8 @@
.statistic-item-divider {
height: 54px;
display: inline-block;
width: 1px;
background-color: #ccc;
width: 2px;
background-color: #bdbdbd;
opacity: 0.55;
margin-left: 4px;
margin-right: 12px;