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:
Nithin David Thomas 2022-10-18 04:29:18 +05:30 committed by GitHub
parent 444809cc68
commit 1c44e43c43
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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>
@ -20,7 +20,12 @@
class="fs-small button clear link secondary"
:to="getCategoryRoute(category.slug)"
>
{{ category.name }}
<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>