fix(测试跟踪): 功能用例编辑时用例名称过长显示问题

--bug=1016799 --user=宋昌昌 【测试跟踪】测试用例,如果用例名称很长,处在编辑状态时,标题显示优化 https://www.tapd.cn/55049933/s/1245162
This commit is contained in:
song-cc-rock 2022-09-19 15:56:36 +08:00 committed by f2c-ci-robot[bot]
parent 694e035cca
commit 9c18c0e3f4
1 changed files with 11 additions and 0 deletions

View File

@ -131,6 +131,9 @@
:label="item.label" :label="item.label"
:name="item.name" :name="item.name"
closable> closable>
<el-tooltip slot="label" effect="dark" :content="item.label" placement="bottom-start" class="ms-tab-name-width">
<span>{{ item.label }}</span>
</el-tooltip>
<div class="ms-api-scenario-div" v-if="!showPublic"> <div class="ms-api-scenario-div" v-if="!showPublic">
<test-case-edit <test-case-edit
:currentTestCaseInfo="item.testCaseInfo" :currentTestCaseInfo="item.testCaseInfo"
@ -859,4 +862,12 @@ export default {
padding-left: 10px; padding-left: 10px;
} }
.ms-tab-name-width {
display: inline-block;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
max-width: 200px;
}
</style> </style>