KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: Fix overflow issue for category name in article list (#5658)

Browse source 
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
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleItem.vue
View file

@ -4,7 +4,7 @@
<div class="article-content-wrap"> <div class="article-content-wrap">
<div class="article-block"> <div class="article-block">
<router-link :to="articleUrl(id)"> <router-link :to="articleUrl(id)">
<h6 class="sub-block-title text-truncate"> <h6 :title="title" class="sub-block-title text-truncate">
{{ title }} {{ title }}
</h6> </h6>
</router-link> </router-link>
@ -19,8 +19,13 @@
<router-link <router-link
class="fs-small button clear link secondary" class="fs-small button clear link secondary"
:to="getCategoryRoute(category.slug)" :to="getCategoryRoute(category.slug)"
>
<span
:title="category.name"
class="category-link-content text-ellipsis"
> >
{{ category.name }} {{ category.name }}
</span>
</router-link> </router-link>
</td> </td>
<td> <td>
@ -155,4 +160,9 @@ td {
} }
} }
} }
.category-link-content {
max-width: 16rem;
line-height: 1.5;
}
</style> </style>