remove section layout element

This commit is contained in:
Mads Rasmussen
2022-10-07 16:00:02 +02:00
parent 3bab515d30
commit b809b34c09
4 changed files with 16 additions and 48 deletions

View File

@@ -6,7 +6,6 @@ import './components/backoffice-modal-container.element';
import './components/backoffice-notification-container.element';
import './components/node-property/node-property.element';
import './components/table/table.element';
import './sections/shared/section-layout.element';
import './sections/shared/section-main/section-main.element';
import './sections/shared/section-sidebar/section-sidebar.element';
import './sections/shared/section.element';

View File

@@ -8,13 +8,11 @@ export class UmbPackagesEditor extends LitElement {
render() {
return html`
<uui-icon-registry-essential>
<umb-section-layout>
<umb-section-main>
<umb-editor-entity alias="Umb.Editor.Packages">
<h1 slot="name">Packages</h1>
</umb-editor-entity>
</umb-section-main>
</umb-section-layout>
<umb-section-main>
<umb-editor-entity alias="Umb.Editor.Packages">
<h1 slot="name">Packages</h1>
</umb-editor-entity>
</umb-section-main>
</uui-icon-registry-essential>
`;
}

View File

@@ -1,27 +0,0 @@
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { css, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('umb-section-layout')
export class UmbSectionLayout extends LitElement {
static styles = [
UUITextStyles,
css`
:host {
display: flex;
width: 100%;
height: 100%;
}
`,
];
render() {
return html`<slot></slot>`;
}
}
declare global {
interface HTMLElementTagNameMap {
'umb-section-layout': UmbSectionLayout;
}
}

View File

@@ -193,19 +193,17 @@ export class UmbSectionElement extends UmbContextConsumerMixin(LitElement) {
render() {
return html`
<umb-section-layout>
${this._trees.length > 0
? html`
<umb-section-sidebar>
<umb-section-trees></umb-section-trees>
</umb-section-sidebar>
`
: nothing}
<umb-section-main>
${this._views.length > 0 ? html`<umb-section-views></umb-section-views>` : nothing}
<router-slot id="router-slot" .routes="${this._routes}"></router-slot>
</umb-section-main>
</umb-section-layout>
${this._trees.length > 0
? html`
<umb-section-sidebar>
<umb-section-trees></umb-section-trees>
</umb-section-sidebar>
`
: nothing}
<umb-section-main>
${this._views.length > 0 ? html`<umb-section-views></umb-section-views>` : nothing}
<router-slot id="router-slot" .routes="${this._routes}"></router-slot>
</umb-section-main>
`;
}
}