style(接口测试): 修复场景报告中步骤名称过长的样式

--bug=1028208 --user=王孝刚 【接口测试】场景详情-场景断言名称较长-生成报告-名称和结果显示不全
https://www.tapd.cn/55049933/s/1403733
This commit is contained in:
wxg0103 2023-08-15 14:22:31 +08:00 committed by 刘瑞斌
parent 2da3939157
commit 5cde8b7c93
1 changed files with 12 additions and 1 deletions

View File

@ -18,7 +18,7 @@
<el-link v-if="node.redirect" class="report-label-head" @click="isLink"> <el-link v-if="node.redirect" class="report-label-head" @click="isLink">
{{ getLabel(node.label) }} {{ getLabel(node.label) }}
</el-link> </el-link>
<span v-else>{{ getLabel(node.label) }}</span> <span v-else class="ms-req-name">{{ getLabel(node.label) }}</span>
</el-tooltip> </el-tooltip>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="2">
@ -207,4 +207,15 @@ export default {
:deep(.ms-card .el-card__body) { :deep(.ms-card .el-card__body) {
padding-right: 1px; padding-right: 1px;
} }
.ms-req-name {
display: inline-block;
margin: 0 5px;
padding-bottom: 0;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 350px;
}
</style> </style>