diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/collection/collection-selection-actions.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/collection/collection-selection-actions.element.ts index 3ccc0143ef..2954273f0c 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/collection/collection-selection-actions.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/collection/collection-selection-actions.element.ts @@ -1,5 +1,5 @@ import { UUITextStyles } from '@umbraco-ui/uui-css'; -import { css, html } from 'lit'; +import { css, html, nothing } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { map } from 'rxjs'; import { UMB_COLLECTION_CONTEXT_TOKEN, UmbCollectionContext } from '@umbraco-cms/backoffice/collection'; @@ -85,32 +85,36 @@ export class UmbCollectionSelectionActionsElement extends UmbLitElement { } render() { - // if (this._selectionLength === 0) return nothing; + if (this._selectionLength === 0) return nothing; - return html`
- - ${this._renderSelectionCount()} + return html` +
+
+ + ${this._renderSelectionCount()} +
+ +
+ ${this._entityBulkActions?.map( + (manifest) => + html`` + )} +
- -
- ${this._entityBulkActions?.map( - (manifest) => - html`` - )} -
`; + `; } static styles = [ UUITextStyles, css` - :host { + #container { display: flex; gap: var(--uui-size-3); width: 100%;