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

fix: Hide show more labels button when there's no overflow (#6097)

Browse Source
This commit is contained in:
Nithin David Thomas
2022-12-19 22:24:20 +05:30
committed by GitHub
parent 022d0b0ea3
commit d1a26e80f4
3 changed files with 32 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/dashboard/components/ui/Label.vue
View File

@@ -4,7 +4,7 @@
<fluent-icon :icon="icon" size="12" class="label--icon" />
</span>
<span
v-if="variant === 'smooth'"
v-if="variant === 'smooth' && title && !icon"
:style="{ background: color }"
class="label-color-dot"
/>
@@ -117,14 +117,16 @@ export default {
height: var(--space-medium);
&.small {
font-size: var(--font-size-micro);
font-size: var(--font-size-mini);
padding: var(--space-micro) var(--space-smaller);
line-height: 1.2;
letter-spacing: 0.15px;
height: var(--space-two);
}
.label--icon {
cursor: pointer;
}
.label-color-dot {
margin-right: var(--space-smaller);
}
@@ -221,14 +223,22 @@ export default {
}
.label-action--button {
margin-bottom: var(--space-minus-micro);
display: flex;
margin-right: var(--space-smaller);
}
.label-color-dot {
display: inline-block;
width: var(--space-one);
height: var(--space-one);
width: var(--space-slab);
height: var(--space-slab);
border-radius: var(--border-radius-small);
margin-right: var(--space-smaller);
box-shadow: var(--shadow-small);
}
.label.small .label-color-dot {
width: var(--space-small);
height: var(--space-small);
border-radius: var(--border-radius-small);
box-shadow: var(--shadow-small);
}
</style>