refactor: 场景报告样式优化

--bug=1009621 --user=陈建星 测试计划报告中场景名称与状态码重叠 https://www.tapd.cn/55049933/s/1092981
This commit is contained in:
chenjianxing 2022-01-17 17:00:09 +08:00 committed by 刘瑞斌
parent 0e89581328
commit 1cf6d050bd
1 changed files with 5 additions and 2 deletions

View File

@ -3,7 +3,7 @@
<div class="request-result"> <div class="request-result">
<div @click="active"> <div @click="active">
<el-row :gutter="10" type="flex" align="middle" class="info"> <el-row :gutter="10" type="flex" align="middle" class="info">
<el-col :span="10" v-if="indexNumber!=undefined"> <el-col class="ms-req-name-col" :span="10" v-if="indexNumber!=undefined">
<el-tooltip :content="getName(request.name)" placement="top"> <el-tooltip :content="getName(request.name)" placement="top">
<div class="method ms-req-name"> <div class="method ms-req-name">
<div class="el-step__icon is-text ms-api-col-create"> <div class="el-step__icon is-text ms-api-col-create">
@ -258,11 +258,14 @@ export default {
.ms-req-name { .ms-req-name {
display: inline-block; display: inline-block;
margin: 0 5px; margin: 0 5px;
overflow-x: hidden;
padding-bottom: 0; padding-bottom: 0;
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: middle; vertical-align: middle;
white-space: nowrap; white-space: nowrap;
width: 350px; width: 350px;
} }
.ms-req-name-col {
overflow-x: hidden;
}
</style> </style>