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

NEZ-1025 fx: panel name超长 限制 最大宽度

Browse Source
This commit is contained in:
zhangyu
2021-09-24 14:11:30 +08:00
parent 7d9752643b
commit a52d3d7004
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
nezha-fronted/src/components/page/dashboard/panel.vue
View File

@@ -23,7 +23,7 @@
</template> </template>
<template v-slot:trigger> <template v-slot:trigger>
<i style="color: #BEBEBE" class="el-icon-menu"></i> <i style="color: #BEBEBE" class="el-icon-menu"></i>
<span style="display: inline-block;padding: 0 7px;font-weight: bold">{{showPanel.name}}</span> <span :title="showPanel.name" class="show-panel-name">{{showPanel.name}}</span>
<i style="font-size: 12px;color: #BEBEBE;" class="nz-icon nz-icon-arrow-down"></i> <i style="font-size: 12px;color: #BEBEBE;" class="nz-icon nz-icon-arrow-down"></i>
</template> </template>
<template v-slot:tail> <template v-slot:tail>
@@ -953,4 +953,14 @@ export default {
background: center center no-repeat #fff; background: center center no-repeat #fff;
z-index: 10; z-index: 10;
} }
.show-panel-name{
display: inline-block;
padding: 0 7px;
font-weight: bold;
max-width: 310px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align: bottom;
}
</style> </style>