KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Update UX for adding label in a conversation (#2243)

Browse source
This commit is contained in:
Sivin Varghese 2021-05-17 12:00:08 +05:30 • committed by GitHub
parent ef2611164d
commit 60177ef418
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 103 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

33
app/javascript/shared/components/ui/dropdown/AddLabel.vue
View file

@ -1,15 +1,14 @@
<template>
<div>
<woot-button
variant="hollow"
size="tiny"
icon="ion-plus-round"
color-scheme="secondary"
@click="toggleLabels"
>
{{ $t('CONTACT_PANEL.LABELS.MODAL.ADD_BUTTON') }}
</woot-button>
</div>
<woot-button
variant="hollow"
size="tiny"
icon="ion-plus-round"
color-scheme="secondary"
class-names="button-wrap"
@click="toggleLabels"
>
{{ $t('CONTACT_PANEL.LABELS.MODAL.ADD_BUTTON') }}
</woot-button>
</template>
<script>
@ -22,4 +21,14 @@ export default {
};
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.button-wrap {
padding: var(--space-micro) var(--space-small);
display: inline;
line-height: 1.2;
&::v-deep .icon {
font-size: var(--font-size-mini);
}
}
</style>