diff --git a/projects/common/element-components/text.component.ts b/projects/common/element-components/text.component.ts index 5e47a4d27ec0e4b902d05e82f743ff6acbc67cd2..2265a2972987b53d1d8ebd4d2aa3d55a28240380 100644 --- a/projects/common/element-components/text.component.ts +++ b/projects/common/element-components/text.component.ts @@ -28,21 +28,22 @@ import { TextElement } from '../models/text-element'; <mat-icon>clear</mat-icon> </button> </div> - <div [style.background-color]="elementModel.backgroundColor" + <div #container class="text-container" + [style.background-color]="elementModel.backgroundColor" [style.color]="elementModel.fontColor" [style.font-family]="elementModel.font" [style.line-height.%]="elementModel.lineHeight" [style.font-weight]="elementModel.bold ? 'bold' : ''" [style.font-style]="elementModel.italic ? 'italic' : ''" [style.text-decoration]="elementModel.underline ? 'underline' : ''" - [innerHTML]="elementModel.text | safeResourceHTML" - #container> + [innerHTML]="elementModel.text | safeResourceHTML"> </div> </div> `, styles: [ '.marking-bar{position: sticky; top: 0; margin-bottom: 15px}', - '.marking-button{color: #333}' + '.marking-button{color: #333}', + '::ng-deep .text-container p strong {letter-spacing: 0.04em; font-weight: 600}' ] }) export class TextComponent extends ElementComponent { diff --git a/projects/editor/src/app/text-editor/rich-text-editor.component.css b/projects/editor/src/app/text-editor/rich-text-editor.component.css index 7f45b364d892aed3751fc960df5629e4c41426b5..ee5ad876c321191659a18f074122dc0b7f68893f 100644 --- a/projects/editor/src/app/text-editor/rich-text-editor.component.css +++ b/projects/editor/src/app/text-editor/rich-text-editor.component.css @@ -27,3 +27,8 @@ app-rich-text-editor .editor-control-line { height: 50px; margin-bottom: 5px; } + +.ProseMirror p strong { + letter-spacing: 0.04em !important; + font-weight: 600 !important; +} diff --git a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css index 800b66bb601449a8b18dfbbc91ec7ae93d759b4b..8109723df204f1c61c7f33029ffe0d7a233901d7 100644 --- a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css +++ b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css @@ -37,3 +37,8 @@ mat-divider { border-top-width: 9px; border-top-style: dotted; } + +::ng-deep app-element-properties p strong { + letter-spacing: 0.04em !important; + font-weight: 600 !important; +}