From b6ba562a9e47e026dd655dab3471fa0f61d894b2 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 09:41:15 +0200
Subject: [PATCH] [editor] Replace Flex layout module with class in
RichTextEditorSimpleC.
---
.../rich-text-editor-simple.component.css | 8 ++++++++
.../rich-text-editor-simple.component.html | 12 ++++++------
2 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.css b/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.css
index 4790c9456..fc174fd95 100644
--- a/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.css
+++ b/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.css
@@ -39,3 +39,11 @@
button.active {
background-color: lightgrey;
}
+
+.fx-row-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: row;
+ justify-content: start;
+ align-items: stretch;
+}
diff --git a/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.html b/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.html
index 163e3a2d3..09baba6f1 100644
--- a/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.html
+++ b/projects/editor/src/app/text-editor-simple/rich-text-editor-simple.component.html
@@ -1,6 +1,6 @@
-<div fxLayout="row" class="editor-control-panel">
- <div fxLayout="row">
- <fieldset fxLayout="row">
+<div class="editor-control-panel fx-row-start-stretch">
+ <div class="fx-row-start-stretch">
+ <fieldset class="fx-row-start-stretch">
<legend>Schriftauszeichnung</legend>
<button mat-icon-button matTooltip="Fett" [matTooltipPosition]="'above'" [matTooltipShowDelay]="300"
[class.active]="editor.isActive('bold')"
@@ -35,9 +35,9 @@
</fieldset>
</div>
- <fieldset fxLayout="row">
+ <fieldset class="fx-row-start-stretch">
<legend>Schrift</legend>
- <div class="combo-button" fxLayout="row"
+ <div class="combo-button fx-row-start-stretch"
[style.background-color]="selectedFontColor">
<button mat-icon-button matTooltip="Textfarbe"
(click)="applyFontColor()">
@@ -47,7 +47,7 @@
<input matInput type="color" #textColorInput hidden
(input)="selectedFontColor = $any($event.target).value; applyFontColor()">
</div>
- <div class="combo-button" fxLayout="row"
+ <div class="combo-button fx-row-start-stretch"
[style.background-color]="selectedHighlightColor">
<button mat-icon-button matTooltip="Texthintergrund"
(click)="applyHighlightColor()">
--
GitLab