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

style：修改 topology 的 tooltip层级

Browse Source
This commit is contained in:
zhangyu
2021-03-11 17:34:29 +08:00
parent a753684fe7
commit 746b97b8f4
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
nezha-fronted/src/components/common/project/L5/topoTooltip.vue
View File

@@ -343,10 +343,13 @@
padding: 10px; padding: 10px;
max-height: 400px; max-height: 400px;
min-height: 200px; min-height: 200px;
height: 100%;
.tooltip-box-chart{ .tooltip-box-chart{
border: 1px solid #E7EAED; border: 1px solid #E7EAED;
width: 400px; width: 400px;
height: 400px; max-height: 400px;
min-height: 200px;
height: 100%;
margin-right: 10px; margin-right: 10px;
} }
.tooltip-box-info{ .tooltip-box-info{

4
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -251,7 +251,7 @@
<div class="module-rect-left" :style="{top:0,left:0,width:0,height:item.rect.height+15+'px'}"></div> <div class="module-rect-left" :style="{top:0,left:0,width:0,height:item.rect.height+15+'px'}"></div>
</div> </div>
<!--节点连线相关的 tooltip--> <!--节点连线相关的 tooltip-->
<div :style="{position:'absolute',top:tooltipPosition.top+'px',left:tooltipPosition.left+'px'}" <div :style="{position:'absolute',top:tooltipPosition.top+'px',left:tooltipPosition.left+'px','z-index':10,height:tooltipPosition.height+'px'}"
v-if="tooltipPosition.show&&!editTopologyFlag" v-if="tooltipPosition.show&&!editTopologyFlag"
@mouseover="tooltipOver" @mouseover="tooltipOver"
@mouseout="tooltipOut" @mouseout="tooltipOut"
@@ -517,6 +517,7 @@
top:0, top:0,
left:0, left:0,
show:false, show:false,
height:400
}, },
chartData:{}, chartData:{},
chartGetData:[], chartGetData:[],
@@ -2515,6 +2516,7 @@
position: relative; position: relative;
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
border-radius: 2px; border-radius: 2px;
overflow: hidden;
.pickTime{ .pickTime{
margin-top: -13px; margin-top: -13px;
} }