Fix css issue for task list page (#14560)

Signed-off-by: AllForNothing <sshijun@vmware.com>
This commit is contained in:
Will Sun 2021-04-02 12:37:58 +08:00 committed by GitHub
parent 3604ebc536
commit 8b917c0ad3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 8 deletions

View File

@ -26,7 +26,7 @@
<span>{{'REPLICATION.FAILURE'| translate}}</span>
</div>
</div>
<div class="margin-top-16px">
<div class="button-stop">
<button class="btn btn-primary " (click)="stopJob()"
[disabled]="stopOnGoing || !canStop()">{{'REPLICATION.STOPJOB' | translate}}</button>
<span class="spinner spinner-inline" [hidden]="inProgress === false"></span>

View File

@ -10,7 +10,8 @@
display: flex;
align-items: center;
>div:first-child {
width: 250px;
min-width: 250px;
margin-right: 5px;
}
>div:nth-child(2) {
width: 150px;
@ -112,4 +113,8 @@
}
.margin-top-16px {
margin-top: 16px;
}
}
.button-stop {
margin-top: 16px;
margin-left: -5px;
}

View File

@ -13,7 +13,7 @@
<span class="id-divider"></span>
<h2 class="custom-h2 h2-style">{{executionId}}</h2>
</div>
<div class="margin-top-075">
<div class="margin-top-16px">
<div class="status-progress" *ngIf="execution && isInProgress()">
<span class="spinner spinner-inline"></span>
<span>{{'REPLICATION.IN_PROGRESS'| translate}}</span>
@ -27,7 +27,7 @@
<span>{{'REPLICATION.FAILURE'| translate}}</span>
</div>
</div>
<div class="margin-top-075">
<div class="button-stop">
<button class="btn btn-primary " (click)="stopJob()"
[disabled]="!hasUpdatePermission ||stopOnGoing || !canStop()">{{'REPLICATION.STOPJOB' | translate}}</button>
<span class="spinner spinner-inline" [hidden]="inProgress === false"></span>

View File

@ -10,7 +10,8 @@
display: flex;
align-items: center;
>div:first-child {
width: 250px;
min-width: 250px;
margin-right: 5px;
}
>div:nth-child(2) {
width: 140px;
@ -109,8 +110,8 @@
}
}
}
.margin-top-075 {
margin-top: 0.75rem;
.margin-top-16px {
margin-top: 16px;
}
.flex-end {
align-items: center;
@ -125,3 +126,7 @@
.filter-tag {
margin-top: 7px;
}
.button-stop {
margin-top: 16px;
margin-left: -5px;
}