YetiForceCompany/YetiForceCRM

<!--
/**
 * Button grab component
 *
 * @description Global component
 * @license YetiForce Public License 6.5
 * @author Tomasz Poradzewski <t.poradzewski@yetiforce.com>
 */
-->
<template>
    <a :class="['grabbable text-decoration-none', linkClass]" href="#">
        <q-icon :class="[grabClass]" :size="size" name="mdi-drag" />
    </a>
</template>

<script>
export default {
    name: 'ButtonGrab',
    props: {
        grabClass: {
            type: String,
        },
        size: {
            type: String,
            required: false,
        },
        linkClass: {
            type: String,
            default: 'q-px-xs',
        },
    },
}
</script>

<style scoped>
.grabbable:hover {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
</style>