Browse Source

Add key binds to screenslot component

pull/7015/head
Andrew Kingston 4 years ago
parent
commit
cfe10e36e4
  1. 3
      packages/bbui/src/Menu/Item.svelte
  2. 11
      packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ScreenslotDropdownMenu.svelte

3
packages/bbui/src/Menu/Item.svelte

@ -55,4 +55,7 @@
font-size: 12px;
font-weight: 600;
}
.is-disabled .keyBind {
color: var(--spectrum-global-color-gray-300);
}
</style>

11
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/navigation/ScreenslotDropdownMenu.svelte

@ -31,15 +31,20 @@
<div slot="control" class="icon">
<Icon size="S" hoverable name="MoreSmallList" />
</div>
<MenuItem icon="Copy" on:click={() => storeComponentForCopy(false)}>
<MenuItem
icon="Copy"
keyBind="Ctrl+C"
on:click={() => storeComponentForCopy(false)}
>
Copy
</MenuItem>
<MenuItem
icon="ShowOneLayer"
icon="LayersSendToBack"
keyBind="Ctrl+V"
on:click={() => pasteComponent("inside")}
disabled={noPaste}
>
Paste inside
Paste
</MenuItem>
</ActionMenu>
{/if}

Loading…
Cancel
Save