fix: Fix overflow issue for category name in article list (#5658)
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
parent
444809cc68
commit
1c44e43c43
1 changed files with 12 additions and 2 deletions
|
@ -4,7 +4,7 @@
|
|||
<div class="article-content-wrap">
|
||||
<div class="article-block">
|
||||
<router-link :to="articleUrl(id)">
|
||||
<h6 class="sub-block-title text-truncate">
|
||||
<h6 :title="title" class="sub-block-title text-truncate">
|
||||
{{ title }}
|
||||
</h6>
|
||||
</router-link>
|
||||
|
@ -19,8 +19,13 @@
|
|||
<router-link
|
||||
class="fs-small button clear link secondary"
|
||||
:to="getCategoryRoute(category.slug)"
|
||||
>
|
||||
<span
|
||||
:title="category.name"
|
||||
class="category-link-content text-ellipsis"
|
||||
>
|
||||
{{ category.name }}
|
||||
</span>
|
||||
</router-link>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -155,4 +160,9 @@ td {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-link-content {
|
||||
max-width: 16rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue