test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enhance button tooltips and refactor button structure in CalendarEventPanel

Browse Source
This commit is contained in:
Shariq Ansari 2025-09-02 21:29:11 +05:30
parent 557dc1f94c
commit 74f6f65210
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/components/Calendar/CalendarEventPanel.vue
View File

@ -13,30 +13,33 @@
{{ __(title) }} {{ __(title) }}
</div> </div>
<div class="flex items-center gap-x-1"> <div class="flex items-center gap-x-1">
<Button v-if="mode == 'details'" variant="ghost" @click="editDetails"> <Button
<template #icon> v-if="mode == 'details'"
<EditIcon class="size-4" /> :icon="EditIcon"
</template> variant="ghost"
</Button> :tooltip="__('Edit event')"
@click="editDetails"
/>
<Button <Button
v-if="mode === 'edit' || mode === 'details'" v-if="mode === 'edit' || mode === 'details'"
icon="trash-2" icon="trash-2"
variant="ghost" variant="ghost"
:tooltip="__('Delete event')"
@click="deleteEvent" @click="deleteEvent"
/> />
<Dropdown <Button
v-if="mode === 'edit' || mode === 'details'" v-if="mode === 'edit' || mode === 'details'"
:options="[ icon="copy"
{ variant="ghost"
label: __('Duplicate'), :tooltip="__('Duplicate event')"
icon: 'copy', @click="duplicateEvent"
onClick: duplicateEvent, />
}, <Button
]" icon="x"
> variant="ghost"
<Button variant="ghost" icon="more-vertical" /> :tooltip="__('Close panel')"
</Dropdown> @click="close"
<Button icon="x" variant="ghost" @click="close" /> />
</div> </div>
</div> </div>