diff --git a/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte b/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte
index 5a485f9680..e2f8943d9e 100644
--- a/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte
+++ b/packages/builder/src/components/userInterface/ComponentDropdownMenu.svelte
@@ -20,23 +20,6 @@ const showDropdown = () => {
dropdown.show()
}
-/*
-{#if index > 0}
-
- {/if}
- {#if index < components.length - 1}
-
- {/if}
-*/
-
{}}>
@@ -77,8 +60,9 @@ const showDropdown = () => {
border-style: none;
border-radius: 2px;
padding: 5px;
- background: var(--grey);
+ background: transparent;
cursor: pointer;
+ color: var(--button-text)
}
.menu {
diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
index 26929fcdce..e02874c0dd 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchy.svelte
@@ -72,11 +72,7 @@
{#if $store.currentPreviewItem.name === screen.title && screen.component.props._children}
+ currentComponent={$store.currentComponentInfo} />
{/if}
{/each}
diff --git a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
index a61d6960f2..16aab64576 100644
--- a/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
+++ b/packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte
@@ -15,23 +15,13 @@
export let currentComponent
export let onSelect = () => {}
export let level = 0
- export let onDeleteComponent
- export let onMoveUpComponent
- export let onMoveDownComponent
- export let onCopyComponent
+
const capitalise = s => s.substring(0, 1).toUpperCase() + s.substring(1)
const get_name = s => (!s ? "" : last(s.split("/")))
const get_capitalised_name = name => pipe(name, [get_name, capitalise])
- const moveDownComponent = component => {
- const c = component
- return () => {
- return onMoveDownComponent(c)
- }
- }
-
const selectComponent = component => {
// Set current component
store.selectComponent(component)
@@ -62,11 +52,7 @@
components={component._children}
{currentComponent}
{onSelect}
- level={level + 1}
- {onDeleteComponent}
- {onMoveUpComponent}
- {onMoveDownComponent}
- {onCopyComponent} />
+ level={level + 1} />
{/if}
{/each}
diff --git a/packages/builder/src/components/userInterface/PageLayout.svelte b/packages/builder/src/components/userInterface/PageLayout.svelte
index 2a532f9624..c4b786c5b2 100644
--- a/packages/builder/src/components/userInterface/PageLayout.svelte
+++ b/packages/builder/src/components/userInterface/PageLayout.svelte
@@ -68,11 +68,7 @@
+ currentComponent={$store.currentComponentInfo} />
{/if}