Chatwoot/app/javascript/shared/components/ui/dropdown/AddLabel.vue
Nithin David Thomas 9c555e70c9
fix: Uses label component for add label button (#2337)
* fix: Uses label component for add label button

* Use button instead of span
2021-05-27 08:24:29 +05:30

34 lines
583 B
Vue

<template>
<woot-button variant="link" class="label--add" @click="addLabel">
<woot-label
color-scheme="secondary"
:title="$t('CONTACT_PANEL.LABELS.MODAL.ADD_BUTTON')"
icon="ion-plus-round"
/>
</woot-button>
</template>
<script>
export default {
methods: {
addLabel() {
this.$emit('add');
},
},
};
</script>
<style lang="scss" scoped>
.label--add {
&::v-deep .label {
cursor: pointer;
background: transparent;
border-color: var(--s-700);
margin: 0;
&:hover {
background: var(--s-50);
}
}
}
</style>