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

style: Metrics 二级底部Box样式调整

Browse Source
This commit is contained in:
@changcode
2021-10-26 09:40:35 +08:00
parent 0f5b349a6e
commit 062bbaf58f
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -402,6 +402,7 @@ li{
border-radius: 0px !important; border-radius: 0px !important;
border: none; border: none;
border-right: 1px solid rgba(162,162,162,0.50) !important; border-right: 1px solid rgba(162,162,162,0.50) !important;
border-bottom: 1px solid rgba(162,162,162,0.50) !important;
} }
.nz-btn-group .nz-input-group-left input { .nz-btn-group .nz-input-group-left input {
border-radius: 4px 0px 0px 4px !important; border-radius: 4px 0px 0px 4px !important;

11
nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
View File

@@ -36,10 +36,10 @@
<div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 24px;"> <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 24px;">
<button class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="viewGraph"> <button class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="viewGraph">
<i class="nz-icon nz-icon-chart" :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i> <i class="nz-icon nz-icon-chart" :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i>
</button><button @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)" class="nz-btn nz-btn-size-normal nz-btn-style-light export-dropdown-btn" id="browser-go"> </button><button @click="dropdownHandler(dropdownShow)" class="nz-btn nz-btn-size-normal nz-btn-style-light export-dropdown-btn" id="browser-go">
<i class="nz-icon nz-icon-arrow-down"></i> <i class="nz-icon nz-icon-arrow-down"></i>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<div v-if="dropdownShow" class="endpoint-query-dropdown el-popover"> <div v-if="dropdownShow" class="endpoint-query-dropdown el-popover" style="right: 11px;top: 33px;">
<span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span> <span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span>
<el-switch v-model="hideSameLabels" active-color="#ee9d3f" size="small"></el-switch> <el-switch v-model="hideSameLabels" active-color="#ee9d3f" size="small"></el-switch>
</div> </div>
@@ -119,7 +119,7 @@ export default {
fromBottom: true, fromBottom: true,
selectedEndpoints: [], selectedEndpoints: [],
queryExpression: '', queryExpression: '',
dropdownShow: '', dropdownShow: false,
timeout: null, timeout: null,
formatTime: '', formatTime: '',
hideSameLabels: true hideSameLabels: true
@@ -192,13 +192,10 @@ export default {
this.$refs.endpointQueryTab.viewGraph() this.$refs.endpointQueryTab.viewGraph()
}, },
dropdownHandler (show) { dropdownHandler (show) {
if (show) { if (!show) {
clearTimeout(this.timeout)
this.dropdownShow = true this.dropdownShow = true
} else { } else {
this.timeout = setTimeout(() => {
this.dropdownShow = false this.dropdownShow = false
}, 700)
} }
}, },
changSelectionF (arr) { changSelectionF (arr) {