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

Bugfix: TinyMCE toolbar config layout (#2387)

Browse Source 
Fixes TinyMCE toolbar config layout

Corrects duplicated "justify" label
This commit is contained in:
Lee Kelleher
2024-10-01 11:29:16 +01:00
committed by GitHub
parent 3d0c4a5627
commit 1697edddf3
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/packages/rte/tiny-mce/property-editors/tiny-mce/manifests.ts
View File

@@ -46,7 +46,7 @@ export const manifests: Array<UmbExtensionManifest> = [
{ alias: 'alignleft', label: 'Align left', icon: 'align-left' },
{ alias: 'aligncenter', label: 'Align center', icon: 'align-center' },
{ alias: 'alignright', label: 'Align right', icon: 'align-right' },
{ alias: 'alignjustify', label: 'Justify justify', icon: 'align-justify' },
{ alias: 'alignjustify', label: 'Align justify', icon: 'align-justify' },
{ alias: 'bullist', label: 'Bullet list', icon: 'unordered-list' },
{ alias: 'numlist', label: 'Numbered list', icon: 'ordered-list' },
{ alias: 'outdent', label: 'Outdent', icon: 'outdent' },

20
src/Umbraco.Web.UI.Client/src/packages/rte/tiny-mce/property-editors/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts
View File

@@ -114,17 +114,17 @@ export class UmbPropertyEditorUITinyMceToolbarConfigurationElement
override render() {
return html`<ul>
${repeat(
this._toolbarConfig,
(v) => v.alias,
${repeat(
this._toolbarConfig,
(v) => v.alias,
(v) =>
html`<li>
<uui-checkbox label=${v.label} value=${v.alias} ?checked=${v.selected} @change=${this.onChange}>
<uui-icon .svg=${tinyIconSet?.icons[v.icon ?? 'alignjustify']}></uui-icon>
<uui-checkbox label=${v.label} value=${v.alias} ?checked=${v.selected} @change=${this.onChange}>
<uui-icon .svg=${tinyIconSet?.icons[v.icon ?? 'alignjustify']}></uui-icon>
${v.label}
</uui-checkbox>
</uui-checkbox>
</li>`,
)}
)}
</ul>`;
}
@@ -135,6 +135,12 @@ export class UmbPropertyEditorUITinyMceToolbarConfigurationElement
list-style: none;
padding: 0;
margin: 0;
uui-icon {
width: 1.5em;
height: 1.5em;
margin-right: 5px;
}
}
`,
];