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

This commit is contained in:
Fayaz Ahmed 2022-06-20 22:32:52 +05:30 committed by GitHub
parent 9cf6d18e4c
commit 9c721d279e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

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;
}
}
}