gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 修复有些按钮组有空白间隙的问题

Browse Source
This commit is contained in:
陈劲松
2020-04-20 17:21:52 +08:00
parent 1c69f9ef01
commit 6daada6373
3 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
nezha-fronted/src/assets/stylus/main.scss
View File

@@ -258,7 +258,7 @@ li{
}
.nz-btn-group {
border-radius: 4px;
display: inline-block;
display: flex;
}
.nz-btn-group-size-small {
max-height: 24px;
@@ -314,11 +314,14 @@ li{
padding: 0 5px;
font-size: 12px;
}
.input-x-mini-22 .el-input__icon {
line-height: 22px;
}
.input-x-mini-24 .el-input__inner {
height: 24px;
line-height: 24px;
padding: 0 10px;
font-size: 13px;
font-size: 12px;
}
.input-x-mini-24 .el-input__icon {
line-height: 24px;
@@ -1642,7 +1645,13 @@ li{
.el-table__fixed-body-wrapper {
height: calc(100% - 42px) !important;
}
.ant-table-scroll {
max-height: unset !important;
height: 100%;
}
.ant-table-scroll .el-table {
height: 100% !important;
}
/*model侧滑中下拉框*/
.autocomplete-dropdown {
display: flex;

4
nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
View File

@@ -49,7 +49,7 @@
</div>
</div>
<div class="table-header-inner" @click="clearSelectedMetrics"><span><i style="font-size: 12px;margin-left: 2px;" class="nz-icon nz-icon-close " :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i></span></div>
<pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('config.mib.noData')" :header-cell-class-name="cellClass" :height="$tableHeight.noPagination"
<pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('config.mib.noData')" :header-cell-class-name="cellClass" :style="{height: $tableHeight.noPagination}"
class="nz-table endpoint-query-table" style="width: 100%;" v-loading="loading" v-scrollBar:el-table="'large'" :pagination-show="false" ref="endpointQueryTable"
@selection-change="selectChange">
<pl-table-column
@@ -75,7 +75,7 @@
<span slot="reference"><i class="nz-icon nz-icon-info-normal metric-tip-icon"></i></span>
</el-popover>
<span v-html="hideSameLabels?scope.row.colorSimpleElement: scope.row.colorElement"></span>
&lt;!&ndash; <span>{{hideSameLabels?scope.row.simpleElement: scope.row.element}}</span>&ndash;&gt;
<span>{{hideSameLabels?scope.row.simpleElement: scope.row.element}}</span>
</template>
</pl-table-column>
<pl-table-column

10
nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
View File

@@ -32,6 +32,7 @@
<div class="right-child-box-title">{{$t('asset.asset')}}</div>
<!--end--标题-->
<!--begin--搜索框-->
<div style="display: inline-block">
<div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search">
<button id="search-asset-drop" type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
<span class="endpoint-asset-label-txt">{{assetSearch.label}}</span>
@@ -39,10 +40,7 @@
<i v-if="assetSearch.dropdownShow" class="el-icon-caret-top"></i>
<i v-if="!assetSearch.dropdownShow" class="el-icon-caret-bottom"></i>
</span>
</button><div
class="endpoint-asset-search-input">
<el-input class="input-x-mini-22 nz-input-group-middle" placeholder="" v-model="assetSearch.text"></el-input>
</div><button
</button><el-input style="width: 100px;" class="input-x-mini-24 nz-input-group-middle" placeholder="" v-model="assetSearch.text"></el-input><button
type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append" id="search-asset"><i @click="searchAsset" class="el-icon-search"></i></button>
<div class="endpoint-asset-search-dropdown" v-if="assetSearch.dropdownShow">
@@ -50,6 +48,7 @@
<div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item" id="search-asset-sn">SN</div>
</div>
</div>
</div>
<!--end--搜索框-->
<!-- begin--table-->
@@ -824,12 +823,11 @@
}
/* begin--搜索框*/
.endpoint-asset-search {
display: inline-block;
position: relative;
margin-left: 44px;
}
.endpoint-asset-search button {
height: 22px !important;
height: 24px !important;
}
.endpoint-asset-search-dropdown {
position: absolute;