CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-29 08:41:16 +13:00
Code Issues Projects Releases Wiki Activity

convert ActionButton to new interface

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-04-27 16:18:52 +02:00
parent bc6ce42252
commit 768dfef5a0
4 changed files with 6 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/bbui/src/ActionButton/ActionButton.svelte
View file

@ -10,11 +10,7 @@
export let disabled = false
export let icon = ""
export let xl = false
export let l = false
export let m = false
export let s = false
$: useDefault = ![xl, l, m, s].includes(true)
export let size = "M"
function longPress(element) {
if (!longPressable) return
@ -42,11 +38,7 @@
class:spectrum-ActionButton--quiet={quiet}
class:spectrum-ActionButton--emphasized={emphasized}
class:is-selected={selected}
class:spectrum-ActionButton--sizeS={s}
class:spectrum-ActionButton--sizeM={m || useDefault}
class:spectrum-ActionButton--sizeL={l}
class:spectrum-ActionButton--sizeXL={xl}
class="spectrum-ActionButton"
class="spectrum-ActionButton spectrum-ActionButton--size{size}"
{disabled}
on:longPress
on:click|preventDefault
@ -62,11 +54,7 @@
{/if}
{#if icon}
<svg
class:spectrum-Icon--sizeS={s}
class:spectrum-Icon--sizeM={m || useDefault}
class:spectrum-Icon--sizeL={l}
class:spectrum-Icon--sizeXL={xl}
class="spectrum-Icon"
class="spectrum-Icon spectrum-Icon--size{size}"
focusable="false"
aria-hidden="true"
aria-label={icon}

2
packages/bbui/src/Table/SelectEditRenderer.svelte
View file

@ -13,5 +13,5 @@
<Checkbox value={selected} />
{/if}
{#if allowEditRows}
<ActionButton s on:click={onEdit}>Edit</ActionButton>
<ActionButton size="S" on:click={onEdit}>Edit</ActionButton>
{/if}

2
packages/builder/src/components/automation/AutomationBuilder/BlockList.svelte
View file

@ -66,7 +66,7 @@
<div bind:this={anchors[idx]}>
<ActionButton
quiet
s
size="S"
icon={tab.icon}
disabled={tab.disabled}
on:click={tab.disabled ? null : () => onChangeTab(idx)}>

2
packages/builder/src/components/design/AppPreview/ComponentSelectionList.svelte
View file

@ -46,7 +46,7 @@
<ActionGroup>
{#each enrichedStructure as item, idx}
<ActionMenu disabled={!item.isCategory}>
<ActionButton icon={item.icon} xs primary quiet slot="button" on:click={() => onItemChosen(item, idx)}>
<ActionButton icon={item.icon} size="XS" primary quiet slot="button" on:click={() => onItemChosen(item, idx)}>
{item.name}
</ActionButton>
{#each item.children || [] as item}