scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-01 19:48:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Truncate overflowing labels in bulk actions selector (#4898)

Browse Source
This commit is contained in:
Fayaz Ahmed
2022-06-20 22:32:52 +05:30
committed by GitHub
parent 9cf6d18e4c
commit 9c721d279e
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/LabelActions.vue
View File

@@ -50,7 +50,7 @@
:value="label.title"
class="label-checkbox"
/>
<span class="label-title">{{ label.title }}</span>
<span class="label-title text-truncate">{{ label.title }}</span>
<span
class="label-pill"
:style="{ backgroundColor: label.color }"
@@ -249,6 +249,7 @@ ul {
.label-title {
flex-grow: 1;
width: 100%;
}
.label-pill {
@@ -256,6 +257,7 @@ ul {
border-radius: var(--border-radius-medium);
height: var(--space-slab);
width: var(--space-slab);
flex-shrink: 0;
}
}
}