From 3dfec52d55b8de519055709bc0965cc790f2f626 Mon Sep 17 00:00:00 2001 From: leekelleher Date: Mon, 24 Feb 2025 19:01:33 +0000 Subject: [PATCH] Toolbar style tweaks --- .../tiptap/components/input-tiptap/tiptap-toolbar.element.ts | 1 + .../style-select/style-select-tiptap-toolbar.element.ts | 2 ++ .../extensions/toolbar/font-family-tiptap-toolbar.element.ts | 2 ++ .../extensions/toolbar/font-size-tiptap-toolbar.element.ts | 2 ++ 4 files changed, 7 insertions(+) diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.ts index dab7f27fd2..9fcf566706 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.ts @@ -116,6 +116,7 @@ export class UmbTiptapToolbarElement extends UmbLitElement { .group { display: inline-flex; + flex-wrap: wrap; align-items: stretch; &:not(:last-child)::after { diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/style-select/style-select-tiptap-toolbar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/style-select/style-select-tiptap-toolbar.element.ts index 32d5479d67..07febbc2c4 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/style-select/style-select-tiptap-toolbar.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/style-select/style-select-tiptap-toolbar.element.ts @@ -75,6 +75,8 @@ export class UmbTiptapToolbarStyleSelectToolbarElement extends UmbLitElement { css` :host { --uui-button-font-weight: normal; + + margin-inline-start: var(--uui-size-space-1); } uui-button > uui-symbol-expand { diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-family-tiptap-toolbar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-family-tiptap-toolbar.element.ts index f5886a2690..c210dc997c 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-family-tiptap-toolbar.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-family-tiptap-toolbar.element.ts @@ -68,6 +68,8 @@ export class UmbTiptapToolbarFontFamilyToolbarElement extends UmbTiptapToolbarBu :host { --uui-button-font-weight: normal; --uui-menu-item-flat-structure: 1; + + margin-inline-start: var(--uui-size-space-1); } uui-button > uui-symbol-expand { diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-size-tiptap-toolbar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-size-tiptap-toolbar.element.ts index 84c6241c6a..eade259455 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-size-tiptap-toolbar.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/toolbar/font-size-tiptap-toolbar.element.ts @@ -32,6 +32,8 @@ export class UmbTiptapToolbarFontSizeToolbarElement extends UmbTiptapToolbarButt :host { --uui-button-font-weight: normal; --uui-menu-item-flat-structure: 1; + + margin-inline-start: var(--uui-size-space-1); } uui-button > uui-symbol-expand {