diff --git a/src/Umbraco.Web.UI.Client/src/packages/property-editors/overlay-size/property-editor-ui-overlay-size.element.ts b/src/Umbraco.Web.UI.Client/src/packages/property-editors/overlay-size/property-editor-ui-overlay-size.element.ts index 555b1767c768..d67c4dae0c44 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/property-editors/overlay-size/property-editor-ui-overlay-size.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/property-editors/overlay-size/property-editor-ui-overlay-size.element.ts @@ -42,7 +42,13 @@ export class UmbPropertyEditorUIOverlaySizeElement extends UmbLitElement impleme } override render() { - return html``; + return html` + + + `; } } diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-button.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-button.element.ts index c96cb42d1c1f..62cab87d772a 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-button.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-button.element.ts @@ -1,7 +1,7 @@ import type { ManifestTiptapToolbarExtensionButtonKind } from '../../extensions/index.js'; import type { UmbTiptapToolbarElementApi } from '../../extensions/types.js'; import type { Editor } from '@umbraco-cms/backoffice/external/tiptap'; -import { customElement, html, ifDefined, state, when } from '@umbraco-cms/backoffice/external/lit'; +import { customElement, html, state, when } from '@umbraco-cms/backoffice/external/lit'; import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'; @customElement('umb-tiptap-toolbar-button') @@ -43,7 +43,7 @@ export class UmbTiptapToolbarButtonElement extends UmbLitElement { this.api?.execute(this.editor)}> diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-menu.element.ts index 4ffa6538d43d..6408fe91a587 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-menu.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/toolbar/tiptap-toolbar-menu.element.ts @@ -4,7 +4,7 @@ import type { UmbTiptapToolbarElementApi, } from '../../extensions/index.js'; import type { UmbCascadingMenuItem } from '../../components/cascading-menu-popover/cascading-menu-popover.element.js'; -import { css, customElement, html, ifDefined, state, when } from '@umbraco-cms/backoffice/external/lit'; +import { css, customElement, html, state, when } from '@umbraco-cms/backoffice/external/lit'; import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'; import type { Editor } from '@umbraco-cms/backoffice/external/tiptap'; @@ -122,7 +122,7 @@ export class UmbTiptapToolbarMenuElement extends UmbLitElement { () => html` @@ -137,7 +137,7 @@ export class UmbTiptapToolbarMenuElement extends UmbLitElement { () => html` ${label} diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-statusbar-configuration.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-statusbar-configuration.element.ts index 7d503645ff16..d7a9be22eff8 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-statusbar-configuration.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-statusbar-configuration.element.ts @@ -128,14 +128,11 @@ export class UmbPropertyEditorUiTiptapStatusbarConfigurationElement } #renderAvailableItems() { + const label = this.localize.term('placeholders_filter'); return html`
- +
@@ -161,12 +158,14 @@ export class UmbPropertyEditorUiTiptapStatusbarConfigurationElement const forbidden = !this.#context.isExtensionEnabled(item.alias); const inUse = this.#context.isExtensionInUse(item.alias); if (inUse || forbidden) return nothing; + const label = this.localize.string(item.label); return html` this.#onClick(item)} @@ -174,7 +173,7 @@ export class UmbPropertyEditorUiTiptapStatusbarConfigurationElement @dragend=${this.#onDragEnd}>
${when(item.icon, () => html``)} - ${this.localize.string(item.label)} + ${label}
`; @@ -218,6 +217,7 @@ export class UmbPropertyEditorUiTiptapStatusbarConfigurationElement if (!item) return nothing; const forbidden = !this.#context?.isExtensionEnabled(item.alias); + const label = this.localize.string(item.label); return html` this.#context.removeStatusbarItem([areaIndex, itemIndex])} @dragend=${this.#onDragEnd} @dragstart=${(e: DragEvent) => this.#onDragStart(e, alias, [areaIndex, itemIndex])}>
${when(item.icon, (icon) => html``)} - ${this.localize.string(item.label)} + ${label}
`; diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.ts index e28de7e3141c..651f386b2f9d 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.ts @@ -133,14 +133,11 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement } #renderAvailableItems() { + const label = this.localize.term('placeholders_filter'); return html`
- +
@@ -166,12 +163,14 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement const forbidden = !this.#context.isExtensionEnabled(item.alias); const inUse = this.#context.isExtensionInUse(item.alias); if (inUse || forbidden) return nothing; + const label = this.localize.string(item.label); return html` this.#onClick(item)} @@ -179,7 +178,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement @dragend=${this.#onDragEnd}>
${when(item.icon, () => html``)} - ${this.localize.string(item.label)} + ${label}
`; @@ -282,6 +281,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement if (!item) return nothing; const forbidden = !this.#context?.isExtensionEnabled(item.alias); + const label = this.localize.string(item.label); switch (item.kind) { case 'styleMenu': @@ -291,14 +291,15 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement compact class=${forbidden ? 'forbidden' : ''} draggable="true" + label=${label} look=${forbidden ? 'placeholder' : 'outline'} - title=${this.localize.string(item.label)} + title=${label} ?disabled=${forbidden} @click=${() => this.#context.removeToolbarItem([rowIndex, groupIndex, itemIndex])} @dragend=${this.#onDragEnd} @dragstart=${(e: DragEvent) => this.#onDragStart(e, alias, [rowIndex, groupIndex, itemIndex])}>
- ${this.localize.string(item.label)} + ${label}
@@ -313,7 +314,8 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement data-mark="tiptap-toolbar-item:${item.alias}" draggable="true" look=${forbidden ? 'placeholder' : 'outline'} - title=${this.localize.string(item.label)} + label=${label} + title=${label} ?disabled=${forbidden} @click=${() => this.#context.removeToolbarItem([rowIndex, groupIndex, itemIndex])} @dragend=${this.#onDragEnd} @@ -322,7 +324,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement ${when( item.icon, () => html``, - () => html`${this.localize.string(item.label)}`, + () => html`${label}`, )}