Make the space between the button and the tab section consistent

Signed-off-by: Cheng <1309173081@qq.com>
This commit is contained in:
Cheng 2018-09-18 13:45:33 +08:00
parent 61298e2673
commit b9dae3f156
6 changed files with 15 additions and 5 deletions

View File

@ -16,7 +16,7 @@
<button type="button" class="btn btn-sm btn-secondary" [disabled]="!selectedRow.length" (click)="deleteLabels(selectedRow)"><clr-icon shape="times" size="16"></clr-icon>&nbsp;{{'LABEL.DELETE' | translate}}</button>
<hbr-create-edit-label [scope]="scope" [projectId]="projectId" (reload)="reload()"></hbr-create-edit-label>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: -12px">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content-mt">
<clr-datagrid [clrDgLoading]="loading" [(clrDgSelected)]="selectedRow" (clrDgSelectedChange)="selectedChange()">
<clr-dg-column [clrDgField]="'name'">{{'LABEL.LABEL' | translate}}</clr-dg-column>
<clr-dg-column [clrDgField]="'endpoint'">{{'LABEL.DESCRIPTION' | translate}}</clr-dg-column>

View File

@ -21,4 +21,7 @@
right: 35px;
margin-top: 4px;
height: 24px;
}
.content-mt {
margin-top: -12px;
}

View File

@ -9,7 +9,7 @@
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="top: -4px">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<hbr-list-replication-rule #listReplicationRule [projectId]="projectId" [isSystemAdmin]="isSystemAdmin" (replicateManual)=replicateManualRule($event) (selectOne)="selectOneRule($event)" (hideJobs)="hideJobs()" (openNewRule)="openModal()" (editOne)="openEditRule($event)" (reload)="reloadRules($event)" [loading]="loading" [withReplicationJob]="withReplicationJob" (redirect)="customRedirect($event)"></hbr-list-replication-rule>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;" [hidden]='hiddenJobList'>

View File

@ -1,4 +1,4 @@
<div class="row" style="margin-top: 12px;position: relative;">
<div class="row content-space">
<div>
<div class="row flex-items-xs-between rightPos">
<div class="flex-xs-middle option-left" style="position: relative; top: 10px;">
@ -31,7 +31,7 @@
</clr-dropdown-menu>
</clr-dropdown>
</clr-dg-action-bar>
<clr-datagrid [(clrDgSelected)]="selectedRow" [clrDgLoading]="loading" style="padding-top: 0px">
<clr-datagrid [(clrDgSelected)]="selectedRow" [clrDgLoading]="loading" class="datagrid-pt">
<clr-dg-column>{{'MEMBER.NAME' | translate}}</clr-dg-column>
<clr-dg-column>{{'MEMBER.MEMBER_TYPE'| translate}}</clr-dg-column>
<clr-dg-column>{{'MEMBER.ROLE' | translate}}</clr-dg-column>

View File

@ -33,5 +33,12 @@ clr-datagrid {
:host >>> clr-checkbox.checkbox.datagrid-foot-select {
position: inherit;
}
.content-space {
margin-top: 12px;
position: relative;
}
.datagrid-pt {
padding-top: 0;
}

View File

@ -1,3 +1,3 @@
<div style="margin-top: 4px;">
<div>
<hbr-replication #replicationView [projectId]="projectIdentify" [projectName]="projectName" [isSystemAdmin]="isSystemAdmin" [withReplicationJob]='true' (goToRegistry)="goRegistry()"></hbr-replication>
</div>