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

hide router instead of removing it

Browse Source
This commit is contained in:
Mads Rasmussen
2024-10-09 22:18:06 +02:00
parent 30371a5d87
commit 61385e502f
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/core/collection/default/collection-default.element.ts
View File

@@ -67,7 +67,8 @@ export class UmbCollectionDefaultElement extends UmbLitElement {
override render() {
return html`
<umb-body-layout header-transparent>
<umb-body-layout header-transparent class=${this._hasItems ? 'has-items' : ''}>
<umb-router-slot id="router" .routes=${this._routes}></umb-router-slot>
${this.renderToolbar()} ${this._hasItems ? this.#renderContent() : this.#renderEmptyState()}
</umb-body-layout>
`;
@@ -86,10 +87,7 @@ export class UmbCollectionDefaultElement extends UmbLitElement {
}
#renderContent() {
return html`
<umb-router-slot .routes=${this._routes}></umb-router-slot>
${this.renderPagination()} ${this.renderSelectionActions()}
`;
return html` ${this.renderPagination()} ${this.renderSelectionActions()} `;
}
#renderEmptyState() {
@@ -109,8 +107,16 @@ export class UmbCollectionDefaultElement extends UmbLitElement {
height: 100%;
}
#router {
display: none;
}
.has-items #router {
display: block;
}
#empty-state {
height: 100%;
height: 80%;
align-content: center;
text-align: center;
}