yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tiptap cannot set the top position of the toolbar (#19087)

Browse Source 
* Fixes #19086 by making top position a variable

* #19086 Added JSDoc for cssprops

(cherry picked from commit 12049e9c03)
This commit is contained in:
Markus Johansson
2025-05-05 07:55:52 +02:00
committed by leekelleher
parent d86064e1e5
commit ebe93fbbac
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.ts
View File

@@ -8,6 +8,12 @@ import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/
import '../cascading-menu-popover/cascading-menu-popover.element.js';
/**
* Provides a sticky toolbar for the {@link UmbInputTiptapElement}
* @element umb-tiptap-toolbar
* @cssprop --umb-tiptap-edge-border-color - Defines the edge border color
* @cssprop --umb-tiptap-top - Defines the top value for the sticky toolbar
*/
@customElement('umb-tiptap-toolbar')
export class UmbTiptapToolbarElement extends UmbLitElement {
#attached = false;
@@ -108,7 +114,7 @@ export class UmbTiptapToolbarElement extends UmbLitElement {
flex-direction: column;
position: sticky;
top: -25px;
top: var(--umb-tiptap-top,-25px);
left: 0;
right: 0;
padding: var(--uui-size-3);