inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-20506 Rich Text Editor Visual Improvements (#10385)

Browse Source 
* [AAE-20506] replace icon with material design icon

* [AAE-20506] fix size and position of 'change color' plugin's icon

* [AAE-20506]  make sure material design's container does not define text color
This commit is contained in:
Jonas Wollweber 2024-11-25 09:51:24 +01:00 committed by GitHub
parent afc5830c31
commit 60da8634f2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
lib/process-services-cloud/src/lib/rich-text-editor/editorjs-config.ts
View File

@ -86,7 +86,8 @@ export const editorJsConfig = {
'Increase/Decrease font size': { 'Increase/Decrease font size': {
class: ChangeFontSize, class: ChangeFontSize,
config: { config: {
cssClass: 'plus20pc' cssClass: 'plus20pc',
buttonIcon: '<span class="material-icons">format_size</span>'
} }
}, },
inlineCode: { inlineCode: {

13
lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.scss
View File

@ -1,5 +1,7 @@
/* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-class-pattern */
.adf-rich-text-editor-container { .adf-rich-text-editor-container {
color: var(--theme-text-fg-color, rgba(0, 0, 0, 0.87));
.editorjs { .editorjs {
&.readonly { &.readonly {
.codex-editor__redactor { .codex-editor__redactor {
@ -11,11 +13,20 @@
.ce-inline-toolbar { .ce-inline-toolbar {
transform: scale(1); transform: scale(1);
.ce-popover__items {
overflow: hidden;
}
.ce-inline-tool .material-icons {
font-size: 20px;
}
} }
} }
xy-color-picker { xy-color-picker {
position: relative; position: relative;
background-color: transparent; background-color: transparent;
width: 22px; margin: 0;
overflow: hidden;
} }