diff --git a/src/Umbraco.Web.UI.Client/.vscode/settings.json b/src/Umbraco.Web.UI.Client/.vscode/settings.json index c55d22e11e..661106f3d9 100644 --- a/src/Umbraco.Web.UI.Client/.vscode/settings.json +++ b/src/Umbraco.Web.UI.Client/.vscode/settings.json @@ -11,6 +11,7 @@ "lucide", "Niels", "pickable", + "popovertarget", "Registrator", "svgs", "templating", diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts index 0032c247d8..34ab4d17e5 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts @@ -13,6 +13,9 @@ export class UmbWorkspaceActionMenuElement extends UmbLitElement { @state() _entityType?: string; + @state() + _popoverOpen = false; + constructor() { super(); @@ -32,6 +35,10 @@ export class UmbWorkspaceActionMenuElement extends UmbLitElement { event.stopPropagation(); } + #onPopoverToggle(event: ToggleEvent) { + this._popoverOpen = event.newState === 'open'; + } + render() { return html` ${this.#renderActionsMenu()} `; } @@ -39,8 +46,14 @@ export class UmbWorkspaceActionMenuElement extends UmbLitElement { #renderActionsMenu() { return this._entityId && this._entityType ? html` - - + + Actions + + + uui-button { + height: 100%; + } + `, + ]; } declare global {