chore: more-horizontal button fix

This commit is contained in:
Shariq Ansari 2024-05-06 21:23:27 +05:30
parent 59b0ab20d5
commit acc1bc68e6
10 changed files with 18 additions and 57 deletions

View File

@ -9,11 +9,7 @@
</template> </template>
</Button> </Button>
<Dropdown v-if="groupedActions.length" :options="groupedActions"> <Dropdown v-if="groupedActions.length" :options="groupedActions">
<Button> <Button icon="more-horizontal" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>

View File

@ -81,11 +81,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>

View File

@ -83,11 +83,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>

View File

@ -115,11 +115,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>
@ -219,7 +215,9 @@ function editValues(selections, unselectAll) {
function deleteValues(selections, unselectAll) { function deleteValues(selections, unselectAll) {
$dialog({ $dialog({
title: __('Delete'), title: __('Delete'),
message: __('Are you sure you want to delete {0} item(s)?', [selections.size]), message: __('Are you sure you want to delete {0} item(s)?', [
selections.size,
]),
variant: 'danger', variant: 'danger',
actions: [ actions: [
{ {

View File

@ -70,11 +70,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>

View File

@ -124,11 +124,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>

View File

@ -70,11 +70,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>

View File

@ -83,11 +83,7 @@
<ListSelectBanner> <ListSelectBanner>
<template #actions="{ selections, unselectAll }"> <template #actions="{ selections, unselectAll }">
<Dropdown :options="bulkActions(selections, unselectAll)"> <Dropdown :options="bulkActions(selections, unselectAll)">
<Button variant="ghost"> <Button icon="more-horizontal" variant="ghost" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</Dropdown> </Dropdown>
</template> </template>
</ListSelectBanner> </ListSelectBanner>

View File

@ -18,11 +18,7 @@
</Dropdown> </Dropdown>
<Dropdown :options="viewActions"> <Dropdown :options="viewActions">
<template #default> <template #default>
<Button> <Button icon="more-horizontal" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</template> </template>
</Dropdown> </Dropdown>
</div> </div>
@ -71,11 +67,7 @@
]" ]"
> >
<template #default> <template #default>
<Button> <Button icon="more-horizontal" />
<template #icon>
<FeatherIcon name="more-horizontal" class="h-4 w-4" />
</template>
</Button>
</template> </template>
</Dropdown> </Dropdown>
</div> </div>

View File

@ -199,12 +199,11 @@
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<Dropdown :options="contactOptions(contact.name)"> <Dropdown :options="contactOptions(contact.name)">
<Button variant="ghost"> <Button
<FeatherIcon icon="more-horizontal"
name="more-horizontal" class="text-gray-600"
class="h-4 text-gray-600" variant="ghost"
/> />
</Button>
</Dropdown> </Dropdown>
<Button <Button
variant="ghost" variant="ghost"