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

style：tooltip表格第一个以及最后一个的样式问题

Browse Source
This commit is contained in:
zhangyu
2020-07-30 14:13:11 +08:00
parent fc09fdec39
commit 6407826830
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
nezha-fronted/src/components/common/alert/alertMessageTable.vue
View File

@@ -83,7 +83,7 @@
<template v-else-if="item.prop == 'labels'" class="labels"> <template v-else-if="item.prop == 'labels'" class="labels">
<el-tooltip <el-tooltip
v-for="item in labelsSort(scope.row.labels)" v-for="item in labelsSort(scope.row.labels)"
placement="right" :placement="scope.$index==0?'right-start':(scope.$index==tableData.length-1?'right-end':'right')"
effect="light" effect="light"
:disabled="!(item.label === 'asset' ||item.label === 'module' || item.label === 'project')" :disabled="!(item.label === 'asset' ||item.label === 'module' || item.label === 'project')"
:key="item.label" :key="item.label"
@@ -941,4 +941,10 @@
.tabelH100{ .tabelH100{
height: 100% !important; height: 100% !important;
} }
/deep/.too-long-split{
vertical-align: bottom;
}
/deep/.el-tooltip{
display: inline-block;
}
</style> </style>