Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-12-24 01:27:49 +01:00
Code Issues Projects Releases Wiki Activity

fix color about #2908

Browse Source
This commit is contained in:
pengpengshui 2017-08-01 12:34:08 +08:00
parent 2f57e05be1
commit 87b0f3460e
5 changed files with 33 additions and 7 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

@ -109,4 +109,7 @@ export const TAG_DETAIL_STYLES: string = `
.tip-icon-medium {
color: orange;
}
.tip-icon-low{
color:yellow;
}
`;

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

@ -53,7 +53,7 @@ export const TAG_DETAIL_HTML: string = `
</div>
<div class="third-column">
<div>
<clr-icon shape="play" size="20" class="is-warning rotate-90"></clr-icon>
<clr-icon shape="play" size="20" class="tip-icon-low rotate-90"></clr-icon>
</div>
<div class="second-row">
<clr-icon shape="help" size="18" style="margin-left: 2px;"></clr-icon>

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

@ -49,7 +49,7 @@ export const SCANNING_STYLES: string = `
background-color: orange;
}
.bar-block-low {
background-color: #fac400;
background-color: yellow;
}
.bar-block-none {
background-color: green;
@ -93,4 +93,15 @@ export const SCANNING_STYLES: string = `
.tip-icon-medium {
color: orange;
}
.label.label-low{
background: rgba(251, 255, 0, 0.38);
color: #c5c50b;
border: 1px solid #e6e63f;
}
.tip-icon-low {
color: yellow;
}
.font-color-green{
color:green;
}
`;

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

@ -20,7 +20,7 @@ export const TIP_COMPONENT_HTML: string = `
<span>{{mediumCount}} {{'VULNERABILITY.SEVERITY.MEDIUM' | translate }}</span>
</div>
<div *ngIf="hasLow" class="bar-summary-item">
<clr-icon shape="play" class="is-warning rotate-90" size="20"></clr-icon>
<clr-icon shape="play" class="tip-icon-low rotate-90" size="20"></clr-icon>
<span>{{lowCount}} {{'VULNERABILITY.SEVERITY.LOW' | translate }}</span>
</div>
<div *ngIf="hasUnknown" class="bar-summary-item">
@ -65,13 +65,18 @@ export const GRID_COMPONENT_HTML: string = `
<clr-dg-cell [ngSwitch]="res.severity">
<span *ngSwitchCase="5" class="label label-danger">{{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 *ngSwitchCase="3" class="label label-low">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchCase="1" class="label">{{severityText(res.severity) | translate}}</span>
<span *ngSwitchDefault>{{severityText(res.severity) | translate}}</span>
</clr-dg-cell>
<clr-dg-cell>{{res.package}}</clr-dg-cell>
<clr-dg-cell>{{res.version}}</clr-dg-cell>
<clr-dg-cell>{{res.fixedVersion}}</clr-dg-cell>
<clr-dg-cell>
<div *ngIf="res.fixedVersion; else elseBlock">
<clr-icon shape="wrench" class="is-success" size="20"></clr-icon>&nbsp;<span class="font-color-green">{{res.fixedVersion}}</span>
</div>
<ng-template #elseBlock>{{res.fixedVersion}}</ng-template>
</clr-dg-cell>
<clr-dg-row-detail *clrIfExpanded>
{{'VULNERABILITY.GRID.COLUMN_DESCRIPTION' | translate}}: {{res.description}}
</clr-dg-row-detail>

9
src/ui_ng/src/styles.css
View File

@ -39,4 +39,11 @@
}
.modal-header{
padding: 0;
}
}
.rotate-90 {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}