style(功能用例): 评审-名称过长处理

--bug=1044149 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001044149
This commit is contained in:
teukkk 2024-07-18 10:52:54 +08:00 committed by 刘瑞斌
parent 3413a74ea1
commit c93580b591
4 changed files with 20 additions and 14 deletions

View File

@ -335,4 +335,8 @@
}
</script>
<style lang="less" scoped></style>
<style lang="less" scoped>
:deep(.file-name-first) {
max-width: 170px;
}
</style>

View File

@ -43,11 +43,11 @@
<div class="m-b[2px] flex items-center">
<a-tooltip :content="item.file.name">
<div class="show-file-name">
<div class="one-line-text max-w-[421px] pl-[4px] font-normal">
<div class="file-name-first one-line-text max-w-[421px] pl-[4px] font-normal">
{{ item.file.name.slice(0, item.file.name.indexOf('.')) }}
</div>
<span class="font-normal text-[var(--color-text-1)]">
{{ item.file.name.slice(item.file.name.indexOf('.')) }}
{{ item.file.name.slice(item.file.name.lastIndexOf('.')) }}
</span>
</div>
</a-tooltip>

View File

@ -85,18 +85,20 @@
/>
</a-spin>
</div>
<a-spin :loading="caseDetailLoading" class="relative flex flex-1 flex-col">
<a-spin :loading="caseDetailLoading" class="relative flex flex-1 flex-col overflow-hidden">
<div class="content-center">
<div class="rounded-[var(--border-radius-small)] bg-[var(--color-text-n9)] p-[16px]">
<div class="mb-[12px] flex items-center justify-between">
<div class="mb-[12px] flex items-center">
<div class="mr-[16px] flex-1 overflow-hidden">
<a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`">
<div
class="one-line-text cursor-pointer font-medium text-[rgb(var(--primary-5))]"
class="one-line-text w-[fit-content] max-w-[100%] cursor-pointer font-medium text-[rgb(var(--primary-5))]"
@click="goCaseDetail"
>
{{ caseDetail.num }}{{ caseDetail.name }}
</div>
</a-tooltip>
</div>
<a-button
v-permission="['FUNCTIONAL_CASE:READ+UPDATE']"
type="outline"

View File

@ -67,7 +67,7 @@
>
<div class="flex-1 overflow-hidden">
<a-tooltip :content="caseDetail.name">
<div class="one-line-text max-w-[100%] font-medium">
<div class="one-line-text w-[fit-content] max-w-[100%] font-medium">
{{ caseDetail.name }}
</div>
</a-tooltip>