From f30933f016ceafa208e3da1fa590ed9bb7aae7c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?=
 <26099018+JesmoDev@users.noreply.github.com>
Date: Tue, 20 Dec 2022 13:21:23 +0100
Subject: [PATCH] cleanup

---
 .../collection/collection-toolbar.element.ts           |  2 +-
 .../components/tooltip-menu/tooltip-menu.element.ts    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-toolbar.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-toolbar.element.ts
index 87c184bd95..5bbe42e9a6 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-toolbar.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/collection/collection-toolbar.element.ts
@@ -146,7 +146,7 @@ export class UmbCollectionToolbarElement extends UmbObserverMixin(LitElement) {
 					<uui-icon .name=${this._currentLayout.meta.icon}></uui-icon>
 				</uui-button>
 				<umb-tooltip-menu
-					icon
+					icon-only
 					slot="popover"
 					.items=${this._layouts.map((layout) => ({
 						label: layout.meta.label,
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/components/tooltip-menu/tooltip-menu.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/components/tooltip-menu/tooltip-menu.element.ts
index 0da25ebdeb..46156a9f32 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/tooltip-menu/tooltip-menu.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/tooltip-menu/tooltip-menu.element.ts
@@ -45,8 +45,8 @@ export class UmbTooltipMenuElement extends LitElement {
 		`,
 	];
 
-	@property({ type: Boolean, reflect: true })
-	public icon = false;
+	@property({ type: Boolean, reflect: true, attribute: 'icon-only' })
+	public iconOnly = false;
 
 	@property()
 	public items: Array<TooltipMenuItem> = [];
@@ -62,7 +62,7 @@ export class UmbTooltipMenuElement extends LitElement {
 	}
 
 	private _renderItem(item: TooltipMenuItem) {
-		if (this.icon && item.icon) {
+		if (this.iconOnly && item.icon) {
 			return html`<div
 				@click=${() => this._handleItemClick(item)}
 				@keydown=${(e: KeyboardEvent) => this._handleItemKeyDown(e, item)}
@@ -74,9 +74,9 @@ export class UmbTooltipMenuElement extends LitElement {
 		return html`<div
 			@click=${() => this._handleItemClick(item)}
 			@keydown=${(e: KeyboardEvent) => this._handleItemKeyDown(e, item)}
-			class="item ${this.icon ? 'icon' : 'label'}">
+			class="item ${this.iconOnly ? 'icon' : 'label'}">
 			${item.icon ? html`<uui-icon .name=${item.icon}></uui-icon>` : nothing}
-			${!this.icon ? html`<span>${item.label}</span>` : nothing}
+			${!this.iconOnly ? html`<span>${item.label}</span>` : nothing}
 		</div>`;
 	}