diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts index bb8fff58c0..f9c2f1cc1e 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts @@ -79,7 +79,7 @@ export class UmbTiptapToolbarDropdownElement extends UmbLitElement { @mouseenter=${() => this.#onMouseEnter(item.label)} @mouseleave=${() => this.#onMouseLeave(item.label)}> ${item.nested ? this.#renderItems(item.label, item.nested) : nothing} @@ -104,7 +104,9 @@ export class UmbTiptapToolbarDropdownElement extends UmbLitElement { override render() { return html` - + ${this.#renderItems('Text styles', this.#testDropdownItems, 'bottom-start')} `; } @@ -117,15 +119,23 @@ export class UmbTiptapToolbarDropdownElement extends UmbLitElement { text-align: unset; } + uui-symbol-expand { + position: absolute; + right: 5px; + top: 5px; + } + .label { border-radius: var(--uui-border-radius); width: 100%; box-sizing: border-box; align-content: center; padding: var(--uui-size-space-1) var(--uui-size-space-3); + padding-right: 21px; align-items: center; cursor: pointer; color: var(--uui-color-text); + position: relative; } .label:hover {