LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 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" :value="label.title"
class="label-checkbox" class="label-checkbox"
/> />
<span class="label-title">{{ label.title }}</span> <span class="label-title text-truncate">{{ label.title }}</span>
<span <span
class="label-pill" class="label-pill"
:style="{ backgroundColor: label.color }" :style="{ backgroundColor: label.color }"
@@ -249,6 +249,7 @@ ul {
.label-title { .label-title {
flex-grow: 1; flex-grow: 1;
width: 100%;
} }
.label-pill { .label-pill {
@@ -256,6 +257,7 @@ ul {
border-radius: var(--border-radius-medium); border-radius: var(--border-radius-medium);
height: var(--space-slab); height: var(--space-slab);
width: var(--space-slab); width: var(--space-slab);
flex-shrink: 0;
} }
} }
} }