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

Tiptap Link: Configured overlay size

Browse Source
This commit is contained in:
leekelleher
2024-09-30 13:38:01 +01:00
committed by Jacob Overgaard
parent dc1d69e854
commit d72b473dfc
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/extensions/umb/link.extension.ts
View File

@@ -4,6 +4,7 @@ import { UMB_LINK_PICKER_MODAL } from '@umbraco-cms/backoffice/multi-url-picker'
import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
import type { UmbLinkPickerLink } from '@umbraco-cms/backoffice/multi-url-picker';
import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
export default class UmbTiptapLinkExtensionApi extends UmbTiptapToolbarElementApiBase {
override async execute(editor?: Editor) {
@@ -12,8 +13,10 @@ export default class UmbTiptapLinkExtensionApi extends UmbTiptapToolbarElementAp
const data = { config: {}, index: null };
const value = { link };
const overlaySize = this.configuration?.getValueByAlias<UUIModalSidebarSize>('overlaySize') ?? 'small';
const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
const modalHandler = modalManager.open(this, UMB_LINK_PICKER_MODAL, { data, value });
const modalHandler = modalManager.open(this, UMB_LINK_PICKER_MODAL, { data, value, modal: { size: overlaySize } });
if (!modalHandler) return;

11
src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/tiptap/manifests.ts
View File

@@ -42,8 +42,17 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
weight: 40,
config: [{ alias: 'min', value: 0 }],
},
{
alias: 'overlaySize',
label: 'Overlay Size',
description: 'Select the width of the overlay (link picker)',
propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
weight: 50,
},
],
defaultData: [
{ alias: 'overlaySize', value: 'medium' },
],
defaultData: [],
},
},
},