Align all tab spacing between project and configuration pages

Signed-off-by: FangyuanCheng <fangyuanc@vmware.com>
This commit is contained in:
FangyuanCheng 2019-04-23 11:20:05 +08:00
parent ac4dfd5973
commit 85bd840ff1
7 changed files with 10 additions and 7 deletions

View File

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

View File

@ -1,8 +1,6 @@
.label-config { .label-config {
position: relative; position: relative;
div.content-mt { margin-top: 30px;
margin-top: -12px;
}
.rightPos { .rightPos {
position: absolute; position: absolute;
z-index: 100; z-index: 100;

View File

@ -1,4 +1,4 @@
<div> <div class="repository-box">
<div class="row position-relative"> <div class="row position-relative">
<div class="toolbar"> <div class="toolbar">
<div class="row flex-items-xs-right option-right rightPos"> <div class="row flex-items-xs-right option-right rightPos">

View File

@ -87,3 +87,7 @@
.push-image-button { .push-image-button {
display: inline-block; display: inline-block;
} }
.repository-box {
margin-top: 5px;
}

View File

@ -9,6 +9,7 @@ $size60:60px;
} }
.chart-tool { .chart-tool {
position: relative; position: relative;
margin-top: 5px;
.toolbar { .toolbar {
overflow: hidden; overflow: hidden;
.rightPos { .rightPos {

View File

@ -36,7 +36,7 @@ clr-datagrid {
position: inherit; position: inherit;
} }
.content-space { .content-space {
margin-top: 12px; margin-top: 28px;
position: relative; position: relative;
} }
.datagrid-pt { .datagrid-pt {

View File

@ -1,7 +1,7 @@
@import "../../../../lib/src/mixin"; @import "../../../../lib/src/mixin";
.robot-space { .robot-space {
margin-top: 12px; margin-top: 28px;
position: relative; position: relative;
clr-icon.red-position { clr-icon.red-position {