LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases 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
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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