NEZ-3073 fix:Asset attributes页面,鼠标悬浮在group name较长的数据,悬浮提示框位置错误

This commit is contained in:
zhangyu
2023-08-17 18:32:42 +08:00
parent e67bc7aaa7
commit 78c54cf9ff
2 changed files with 10 additions and 3 deletions

View File

@@ -56,6 +56,12 @@
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-word;
.overflowSpan {
.el-popover__reference {
display: inline-block;
width: 100%;
}
}
}
.tree--operation {
opacity: 0;
@@ -113,14 +119,14 @@
}
}
.dashboard-select-item:hover{
color: $--color-primary;
color: $--color-primary;
background: $--background-color-base;
i{
color: $--color-primary;
}
}
.dashboard-select-item.active{
color: $--color-primary;
color: $--color-primary;
background: $--background-color-base;
i{
color: $--color-primary;

View File

@@ -24,8 +24,9 @@
<el-popover
placement="right"
trigger="hover"
class="overflowSpan"
:content="node.label">
<span slot="reference">{{ node.label }}</span>
<span slot="reference" class="">{{ node.label }}</span>
</el-popover>
</span>
<el-row class="block-col-2" style="margin-left: 10px; margin-right: 8px;">