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

Merge pull request #9136 from AllForNothing/css-modify

Browse Source 
Modify css for add-memeber page and project-config page
This commit is contained in:
Will Sun 2019-09-18 16:29:20 +08:00 committed by GitHub
commit 81a143855e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 136 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/portal/lib/src/project-policy-config/project-policy-config.component.html
View File

@ -56,7 +56,7 @@
<clr-control-helper class="config-subtext"> {{ 'PROJECT_CONFIG.AUTOSCAN_POLICY' | translate }} <clr-control-helper class="config-subtext"> {{ 'PROJECT_CONFIG.AUTOSCAN_POLICY' | translate }}
</clr-control-helper> </clr-control-helper>
</clr-checkbox-container> </clr-checkbox-container>
<div class="clr-form-control" *ngIf="withClair"> <div class="clr-form-control" [class.clr-form-control-disabled]="!hasChangeConfigRole" *ngIf="withClair">
<label for="systemWhitelist" class="clr-control-label">{{'CVE_WHITELIST.CVE_WHITELIST'|translate}}</label> <label for="systemWhitelist" class="clr-control-label">{{'CVE_WHITELIST.CVE_WHITELIST'|translate}}</label>
<div class="w-100 clr-control-container"> <div class="w-100 clr-control-container">
<div class="config-subtext"> <div class="config-subtext">

4
src/portal/src/app/project/member/add-member/add-member.component.html
View File

@ -6,13 +6,13 @@
<div class="clr-form-control"> <div class="clr-form-control">
<label class="required clr-control-label">{{'MEMBER.NAME' | translate}}</label> <label class="required clr-control-label">{{'MEMBER.NAME' | translate}}</label>
<div class="clr-control-container" [class.clr-error]="!isMemberNameValid"> <div class="clr-control-container" [class.clr-error]="!isMemberNameValid">
<div class="clr-input-wrapper"> <div class="clr-input-wrapper" (mouseleave)="leaveInput()">
<input class="clr-input" type="text" id="member_name" [(ngModel)]="member.entity_name" <input class="clr-input" type="text" id="member_name" [(ngModel)]="member.entity_name"
name="member_name" name="member_name"
size="20" size="20"
#memberName="ngModel" #memberName="ngModel"
required required
(keyup)='handleValidation()' (blur)="leaveInput()" autocomplete="off"> (keyup)="handleValidation()" autocomplete="off">
<clr-icon class="clr-validate-icon" shape="exclamation-circle"></clr-icon> <clr-icon class="clr-validate-icon" shape="exclamation-circle"></clr-icon>
<span class="spinner spinner-inline" [hidden]="!checkOnGoing"></span> <span class="spinner spinner-inline" [hidden]="!checkOnGoing"></span>
<div class="selectBox" [style.display]="selectUserName.length ? 'block' : 'none'" > <div class="selectBox" [style.display]="selectUserName.length ? 'block' : 'none'" >

198
src/portal/src/global.scss
View File

@ -1,220 +1,286 @@
.w-100 { .w-100 {
width: 100% !important; } width: 100% !important;
}
.h-100 { .h-100 {
height: 100% !important; } height: 100% !important;
}
.mx-auto { .mx-auto {
margin-right: auto !important; margin-right: auto !important;
margin-left: auto !important; } margin-left: auto !important;
}
.m-0 { .m-0 {
margin: 0 0 !important; } margin: 0 0 !important;
}
.mt-0 { .mt-0 {
margin-top: 0 !important; } margin-top: 0 !important;
}
.mr-0 { .mr-0 {
margin-right: 0 !important; } margin-right: 0 !important;
}
.mb-0 { .mb-0 {
margin-bottom: 0 !important; } margin-bottom: 0 !important;
}
.ml-0 { .ml-0 {
margin-left: 0 !important; } margin-left: 0 !important;
}
.mx-0 { .mx-0 {
margin-right: 0 !important; margin-right: 0 !important;
margin-left: 0 !important; } margin-left: 0 !important;
}
.my-0 { .my-0 {
margin-top: 0 !important; margin-top: 0 !important;
margin-bottom: 0 !important; } margin-bottom: 0 !important;
}
.m-1 { .m-1 {
margin: 1rem 1rem !important; } margin: 1rem 1rem !important;
}
.mt-1 { .mt-1 {
margin-top: 1rem !important; } margin-top: 1rem !important;
}
.mr-1 { .mr-1 {
margin-right: 1rem !important; } margin-right: 1rem !important;
}
.mb-1 { .mb-1 {
margin-bottom: 1rem !important; } margin-bottom: 1rem !important;
}
.ml-1 { .ml-1 {
margin-left: 1rem !important; } margin-left: 1rem !important;
}
.mx-1 { .mx-1 {
margin-right: 1rem !important; margin-right: 1rem !important;
margin-left: 1rem !important; } margin-left: 1rem !important;
}
.my-1 { .my-1 {
margin-top: 1rem !important; margin-top: 1rem !important;
margin-bottom: 1rem !important; } margin-bottom: 1rem !important;
}
.m-2 { .m-2 {
margin: 1.5rem 1.5rem !important; } margin: 1.5rem 1.5rem !important;
}
.mt-2 { .mt-2 {
margin-top: 1.5rem !important; } margin-top: 1.5rem !important;
}
.mr-2 { .mr-2 {
margin-right: 1.5rem !important; } margin-right: 1.5rem !important;
}
.mb-2 { .mb-2 {
margin-bottom: 1.5rem !important; } margin-bottom: 1.5rem !important;
}
.ml-2 { .ml-2 {
margin-left: 1.5rem !important; } margin-left: 1.5rem !important;
}
.mx-2 { .mx-2 {
margin-right: 1.5rem !important; margin-right: 1.5rem !important;
margin-left: 1.5rem !important; } margin-left: 1.5rem !important;
}
.my-2 { .my-2 {
margin-top: 1.5rem !important; margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; } margin-bottom: 1.5rem !important;
}
.m-3 { .m-3 {
margin: 3rem 3rem !important; } margin: 3rem 3rem !important;
}
.mt-3 { .mt-3 {
margin-top: 3rem !important; } margin-top: 3rem !important;
}
.mr-3 { .mr-3 {
margin-right: 3rem !important; } margin-right: 3rem !important;
}
.mb-3 { .mb-3 {
margin-bottom: 3rem !important; } margin-bottom: 3rem !important;
}
.ml-3 { .ml-3 {
margin-left: 3rem !important; } margin-left: 3rem !important;
}
.mx-3 { .mx-3 {
margin-right: 3rem !important; margin-right: 3rem !important;
margin-left: 3rem !important; } margin-left: 3rem !important;
}
.my-3 { .my-3 {
margin-top: 3rem !important; margin-top: 3rem !important;
margin-bottom: 3rem !important; } margin-bottom: 3rem !important;
}
.p-0 { .p-0 {
padding: 0 0 !important; } padding: 0 0 !important;
}
.pt-0 { .pt-0 {
padding-top: 0 !important; } padding-top: 0 !important;
}
.pr-0 { .pr-0 {
padding-right: 0 !important; } padding-right: 0 !important;
}
.pb-0 { .pb-0 {
padding-bottom: 0 !important; } padding-bottom: 0 !important;
}
.pl-0 { .pl-0 {
padding-left: 0 !important; } padding-left: 0 !important;
}
.px-0 { .px-0 {
padding-right: 0 !important; padding-right: 0 !important;
padding-left: 0 !important; } padding-left: 0 !important;
}
.py-0 { .py-0 {
padding-top: 0 !important; padding-top: 0 !important;
padding-bottom: 0 !important; } padding-bottom: 0 !important;
}
.p-1 { .p-1 {
padding: 1rem 1rem !important; } padding: 1rem 1rem !important;
}
.pt-1 { .pt-1 {
padding-top: 1rem !important; } padding-top: 1rem !important;
}
.pr-1 { .pr-1 {
padding-right: 1rem !important; } padding-right: 1rem !important;
}
.pb-1 { .pb-1 {
padding-bottom: 1rem !important; } padding-bottom: 1rem !important;
}
.pl-1 { .pl-1 {
padding-left: 1rem !important; } padding-left: 1rem !important;
}
.px-1 { .px-1 {
padding-right: 1rem !important; padding-right: 1rem !important;
padding-left: 1rem !important; } padding-left: 1rem !important;
}
.py-1 { .py-1 {
padding-top: 1rem !important; padding-top: 1rem !important;
padding-bottom: 1rem !important; } padding-bottom: 1rem !important;
}
.p-2 { .p-2 {
padding: 1.5rem 1.5rem !important; } padding: 1.5rem 1.5rem !important;
}
.pt-2 { .pt-2 {
padding-top: 1.5rem !important; } padding-top: 1.5rem !important;
}
.pr-2 { .pr-2 {
padding-right: 1.5rem !important; } padding-right: 1.5rem !important;
}
.pb-2 { .pb-2 {
padding-bottom: 1.5rem !important; } padding-bottom: 1.5rem !important;
}
.pl-2 { .pl-2 {
padding-left: 1.5rem !important; } padding-left: 1.5rem !important;
}
.px-2 { .px-2 {
padding-right: 1.5rem !important; padding-right: 1.5rem !important;
padding-left: 1.5rem !important; } padding-left: 1.5rem !important;
}
.py-2 { .py-2 {
padding-top: 1.5rem !important; padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; } padding-bottom: 1.5rem !important;
}
.p-3 { .p-3 {
padding: 3rem 3rem !important; } padding: 3rem 3rem !important;
}
.pt-3 { .pt-3 {
padding-top: 3rem !important; } padding-top: 3rem !important;
}
.pr-3 { .pr-3 {
padding-right: 3rem !important; } padding-right: 3rem !important;
}
.pb-3 { .pb-3 {
padding-bottom: 3rem !important; } padding-bottom: 3rem !important;
}
.pl-3 { .pl-3 {
padding-left: 3rem !important; } padding-left: 3rem !important;
}
.px-3 { .px-3 {
padding-right: 3rem !important; padding-right: 3rem !important;
padding-left: 3rem !important; } padding-left: 3rem !important;
}
.py-3 { .py-3 {
padding-top: 3rem !important; padding-top: 3rem !important;
padding-bottom: 3rem !important; } padding-bottom: 3rem !important;
}
.pos-f-t { .pos-f-t {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
z-index: 1030; } z-index: 1030;
}
.text-justify { .text-justify {
text-align: justify !important; } text-align: justify !important;
}
.text-nowrap { .text-nowrap {
white-space: nowrap !important; } white-space: nowrap !important;
}
.text-truncate { .text-truncate {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap;
}
.text-xs-left { .text-xs-left {
text-align: left !important; } text-align: left !important;
}
.text-xs-right { .text-xs-right {
text-align: right !important; } text-align: right !important;
}
.text-xs-center { .text-xs-center {
text-align: center !important; } text-align: center !important;
}