Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-06-26 14:55:06 +02:00
Code Issues Projects Releases Wiki Activity

Improve css style for project detail and add webhook components (#15650)

Browse Source 
Signed-off-by: AllForNothing <sshijun@vmware.com>
This commit is contained in:
孙世军 2021-09-27 11:00:16 +08:00 committed by GitHub
parent 63b8e6a9ce
commit ad1a6d64d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/portal/src/app/base/project/project-detail/project-detail.component.html
View File

@ -2,11 +2,11 @@
<a *ngIf="hasSignedIn" (click)="backToProject()" class="backStyle">{{'PROJECT_DETAIL.PROJECTS' | translate}}</a>
<a *ngIf="!hasSignedIn" [routerLink]="['/harbor', 'sign-in']" class="backStyle"> {{'SEARCH.BACK' | translate}}</a>
<div class="clr-row">
<div class="clr-col-4">
<div class="clr-col-5">
<h1 class="custom-h2 center" sub-header-title>
<clr-icon *ngIf="isProxyCacheProject" shape="cloud-traffic" size="30"></clr-icon>
<clr-icon *ngIf="!isProxyCacheProject" shape="organization" size="30"></clr-icon>
<span class="ml-05">{{currentProject.name}}</span>
<span class="ml-05 project-name">{{currentProject.name}}</span>
<div class="divider filter-divider" *ngIf="isMember"></div>
<span class="role-label" *ngIf="isMember">{{roleName | translate}}</span>
</h1>
@ -14,7 +14,7 @@
<span class="proxy-cache">{{ 'PROJECT.PROXY_CACHE' | translate }}</span>
</div>
</div>
<div class="clr-col-8 flex-end">
<div class="clr-col-7 flex-end">
<div class="card">
<div class="card-block container">
<div class="head">{{'PROJECT.ACCESS_LEVEL' | translate}}</div>

6
src/portal/src/app/base/project/project-detail/project-detail.component.scss
View File

@ -134,3 +134,9 @@ button {
margin-right: 5px;
margin-left: 5px;
}
.project-name {
text-overflow: ellipsis;
max-width: 20rem;
overflow: hidden;
}

2
src/portal/src/app/base/project/webhook/add-webhook-form/add-webhook-form.component.html
View File

@ -37,7 +37,7 @@
<div class="clr-form-control">
<label class="clr-control-label required">{{'WEBHOOK.EVENT_TYPE' | translate}}</label>
<div class="clr-control-container clr-control-inline" [class.clr-error]="!hasEventType()">
<div class="clr-checkbox-wrapper width-7rem" *ngFor="let item of metadata?.event_type">
<div class="clr-checkbox-wrapper width-8rem" *ngFor="let item of metadata?.event_type">
<input type="checkbox" id="{{item}}" name="eventTypes" value="{{item}}" class="clr-checkbox" (change)="setEventType(item)" [checked]="getEventType(item)">
<label for="{{item}}" class="clr-control-label">{{eventTypeToText(item)}}</label>
</div>

4
src/portal/src/app/base/project/webhook/add-webhook-form/add-webhook-form.component.scss
View File

@ -10,8 +10,8 @@
.width-238 {
width: 238px;
}
.width-7rem {
width: 7rem;
.width-8rem {
width: 8rem;
}
.clr-control-label {
width: 10rem !important;

4
src/portal/src/app/base/project/webhook/add-webhook/add-webhook.component.scss
View File

@ -1,3 +1,3 @@
:host::ng-deep.modal-dialog {
width: 29rem;
}
width: 30rem;
}