From acd3c1a72b9ef012c01d4b4424fd77612b11b8e2 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Thu, 1 Dec 2022 09:47:46 +0100
Subject: [PATCH] Apply line height style to the radio button group label
- Add own line height style to error message to exclude it
- Add missing semicolons to styles
---
docs/release-notes-editor.md | 1 +
docs/release-notes-player.md | 1 +
.../radio-button-group.component.ts | 18 +++++++++---------
3 files changed, 11 insertions(+), 9 deletions(-)
diff --git a/docs/release-notes-editor.md b/docs/release-notes-editor.md
index ec5ed40ec..46471f5ce 100644
--- a/docs/release-notes-editor.md
+++ b/docs/release-notes-editor.md
@@ -64,6 +64,7 @@ Editor
- Die Erweiterung der Aktionsmöglichkeit eines Navigationsknopfs
führt zur Umbenennung in "Knopf"
- Zeigt Ladeanimation bei GeoGebra-, Video- und Audioelementen
+- Wendet die angegebene Zeilenhöhe bei Optionsfeldern auch auf die Beschriftung an
### Fehlerbehebungen
- "Verbundene Ablegelisten"-Menu öffnet sich beim ersten Click und zeigt immer die
diff --git a/docs/release-notes-player.md b/docs/release-notes-player.md
index b3e8fd84e..f51e75111 100644
--- a/docs/release-notes-player.md
+++ b/docs/release-notes-player.md
@@ -23,6 +23,7 @@ Player
- Verbessert die Performanz von GeoGebra-Elementen
- Ändert die Metadaten entsprechend der Verona Inferfaces Specification
- Zeigt Ladeanimationen während des Ladens von GeoGebra-, Video- und Audioelementen
+- Wendet die angegebene Zeilenhöhe bei Optionsfeldern auch auf die Beschriftung an
### Fehlerbehebungen
- Zeigt Validierungsfehler ohne angegebene Warnmeldungen nur mit rotem Rahmen an
diff --git a/projects/common/components/input-elements/radio-button-group.component.ts b/projects/common/components/input-elements/radio-button-group.component.ts
index 192d44c85..aeb30246f 100644
--- a/projects/common/components/input-elements/radio-button-group.component.ts
+++ b/projects/common/components/input-elements/radio-button-group.component.ts
@@ -14,7 +14,8 @@ import { FormElementComponent } from '../../directives/form-element-component.di
[style.font-size.px]="elementModel.styling.fontSize"
[style.font-weight]="elementModel.styling.bold ? 'bold' : ''"
[style.font-style]="elementModel.styling.italic ? 'italic' : ''"
- [style.text-decoration]="elementModel.styling.underline ? 'underline' : ''">
+ [style.text-decoration]="elementModel.styling.underline ? 'underline' : ''"
+ [style.line-height.%]="elementModel.styling.lineHeight">
<label id="radio-group-label"
[innerHTML]="elementModel.label | safeResourceHTML">
</label>
@@ -28,8 +29,7 @@ import { FormElementComponent } from '../../directives/form-element-component.di
elementFormControl.value !== null &&
elementFormControl.value !== i }"
[value]="i"
- [style.pointer-events]="elementModel.readOnly ? 'none' : 'unset'"
- [style.line-height.%]="elementModel.styling.lineHeight">
+ [style.pointer-events]="elementModel.readOnly ? 'none' : 'unset'">
<div class="radio-button-label" [innerHTML]="option.text | safeResourceHTML"></div>
</mat-radio-button>
<mat-error *ngIf="elementFormControl.errors && elementFormControl.touched"
@@ -40,12 +40,12 @@ import { FormElementComponent } from '../../directives/form-element-component.di
</div>
`,
styles: [
- ':host ::ng-deep .mat-radio-label {white-space: normal}',
- ':host ::ng-deep .mat-radio-label .mat-radio-label-content {padding-left: 10px}',
- 'mat-radio-button {margin-bottom: 6px; margin-right: 15px}',
- '.error-message { font-size: 75% }',
- ':host ::ng-deep .strike .mat-radio-label {text-decoration: line-through}',
- ':host ::ng-deep .mat-radio-label {align-items: baseline}',
+ ':host ::ng-deep .mat-radio-label {white-space: normal;}',
+ ':host ::ng-deep .mat-radio-label .mat-radio-label-content {padding-left: 10px;}',
+ 'mat-radio-button {margin-bottom: 6px; margin-right: 15px;}',
+ '.error-message {font-size: 75%; line-height: 100%;}',
+ ':host ::ng-deep .strike .mat-radio-label {text-decoration: line-through;}',
+ ':host ::ng-deep .mat-radio-label {align-items: baseline;}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-container {top: 4px;}',
'.radio-button-label {pointer-events: none;}'
]
--
GitLab