diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/document.data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/document.data.ts index 416462c720..c96160d14c 100644 --- a/src/Umbraco.Web.UI.Client/src/mocks/data/document.data.ts +++ b/src/Umbraco.Web.UI.Client/src/mocks/data/document.data.ts @@ -171,7 +171,22 @@ export const data: Array = [ alias: 'blockList', culture: null, segment: null, - value: null, + value: { + layout: { + 'Umbraco.BlockList': [ + { + contentUdi: '1234', + }, + ], + }, + contentData: [ + { + udi: '1234', + contentTypeKey: '4f68ba66-6fb2-4778-83b8-6ab4ca3a7c5c', + }, + ], + settingsData: [], + }, }, { alias: 'mediaPicker', diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts index 8c10939823..77bf889ce9 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts @@ -84,8 +84,7 @@ export class UmbPropertyEditorUIBlockListBlockElement extends UmbLitElement impl } uui-action-bar { position: absolute; - top: 50%; - transform: translateY(-50%); + top: var(--uui-size-2); right: var(--uui-size-2); } `, diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/ref-list-block/ref-list-block.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/ref-list-block/ref-list-block.element.ts index e261b37d3d..62e5eab7b4 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/ref-list-block/ref-list-block.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/ref-list-block/ref-list-block.element.ts @@ -1,4 +1,4 @@ -import { customElement } from '@umbraco-cms/backoffice/external/lit'; +import { css, customElement } from '@umbraco-cms/backoffice/external/lit'; import { UUIRefNodeElement } from '@umbraco-cms/backoffice/external/uui'; /** @@ -11,6 +11,15 @@ export class UmbRefListBlockElement extends UUIRefNodeElement { super.connectedCallback(); this.setAttribute('border', ''); } + + styles = [ + ...UUIRefNodeElement.styles, + css` + :host { + min-height: 80px; + } + `, + ]; } export default UmbRefListBlockElement;