chore: more-horizontal button fix
This commit is contained in:
parent
59b0ab20d5
commit
acc1bc68e6
@ -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>
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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: [
|
||||||
{
|
{
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user