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

feat: Update the design of labels to use a smooth theme (#4325)

Browse source 
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Nithin David Thomas 2022-06-20 15:09:22 +05:30 • committed by GitHub
parent a8c6cd729b
commit f31c6d5de2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 71 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,10 +1,12 @@
<template>
<woot-button variant="link" class="label--add" @click="addLabel">
<woot-label
color-scheme="secondary"
:title="$t('CONTACT_PANEL.LABELS.CONVERSATION.ADD_BUTTON')"
icon="add-circle"
/>
<woot-button
variant="smooth"
class="label--add"
icon="add"
size="tiny"
@click="addLabel"
>
{{ $t('CONTACT_PANEL.LABELS.CONVERSATION.ADD_BUTTON') }}
</woot-button>
</template>
@ -20,15 +22,7 @@ export default {
<style lang="scss" scoped>
.label--add {
&::v-deep .label {
cursor: pointer;
background: transparent;
border-color: var(--s-600);
margin: 0;
&:hover {
background: var(--s-50);
}
}
margin-bottom: var(--space-micro);
margin-right: var(--space-micro);
}
</style>