Merge pull request #9136 from AllForNothing/css-modify

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

View File

@ -56,7 +56,7 @@
<clr-control-helper class="config-subtext"> {{ 'PROJECT_CONFIG.AUTOSCAN_POLICY' | translate }}
</clr-control-helper>
</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>
<div class="w-100 clr-control-container">
<div class="config-subtext">

View File

@ -6,13 +6,13 @@
<div class="clr-form-control">
<label class="required clr-control-label">{{'MEMBER.NAME' | translate}}</label>
<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"
name="member_name"
size="20"
#memberName="ngModel"
required
(keyup)='handleValidation()' (blur)="leaveInput()" autocomplete="off">
(keyup)="handleValidation()" autocomplete="off">
<clr-icon class="clr-validate-icon" shape="exclamation-circle"></clr-icon>
<span class="spinner spinner-inline" [hidden]="!checkOnGoing"></span>
<div class="selectBox" [style.display]="selectUserName.length ? 'block' : 'none'" >
@ -53,4 +53,4 @@
<button type="button" class="btn btn-outline" (click)="onCancel()">{{'BUTTON.CANCEL' | translate}}</button>
<button type="button" class="btn btn-primary" [disabled]="!isValid" (click)="onSubmit()">{{'BUTTON.OK' | translate}}</button>
</div>
</clr-modal>
</clr-modal>

View File

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