yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

list

Browse Source
This commit is contained in:
Lone Iversen
2024-01-11 15:43:01 +01:00
parent 3a252a800a
commit 1b6d277bf1
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
View File

@@ -1,5 +1,5 @@
import { UMB_BLOCK_LIST_PROPERTY_EDITOR_ALIAS } from './manifests.js';
import { html, customElement, property, state, styleMap, repeat, css } from '@umbraco-cms/backoffice/external/lit';
import { html, customElement, property, state, repeat, css, nothing } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@@ -140,11 +140,11 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
render() {
return html` ${repeat(
this._layouts,
(x) => x.contentUdi,
(layoutEntry) =>
html` <uui-button-inline-create></uui-button-inline-create>
<umb-property-editor-ui-block-list-block .layout=${layoutEntry}>
</umb-property-editor-ui-block-list-block>`,
(x, index) => x.contentUdi + index,
(layoutEntry, index) => html`
<umb-property-editor-ui-block-list-block .layout=${layoutEntry}> </umb-property-editor-ui-block-list-block>
${index !== this._layouts.length - 1 ? html`<uui-button-inline-create></uui-button-inline-create>` : nothing}
`,
)}
<uui-button-group>
<uui-button
@@ -165,7 +165,12 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
static styles = [
UmbTextStyles,
css`
:host {
display: grid;
gap: 1px;
}
> div {
display: flex;
flex-direction: column;
@@ -173,6 +178,7 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
}
uui-button-group {
padding-top: 2px;
display: grid;
grid-template-columns: 1fr auto;
}