From 87534c5329ce696bdaa7fc804c50565c94ceafb0 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Wed, 15 Dec 2021 17:18:13 +0100
Subject: [PATCH] Remove empty clickable area behind radio button labels
---
docs/release-notes-player.txt | 1 +
.../common/ui-elements/radio/radio-button-group.component.ts | 2 +-
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/docs/release-notes-player.txt b/docs/release-notes-player.txt
index 4b0e39e2a..f699f59c9 100644
--- a/docs/release-notes-player.txt
+++ b/docs/release-notes-player.txt
@@ -7,6 +7,7 @@ Player
- Use z-index property for all elements
- Fix the response status when re-entering the unit
- Ignore blank pages when calculating the response progress
+- Remove empty clickable area behind radio labels
- Fix position of virtual keyboard for text areas
- Rename marking tag of text to 'aspect-marked'
- Restore the state of likert elements when re-entering a unit
diff --git a/projects/common/ui-elements/radio/radio-button-group.component.ts b/projects/common/ui-elements/radio/radio-button-group.component.ts
index 6a8ffc79d..2be14c844 100644
--- a/projects/common/ui-elements/radio/radio-button-group.component.ts
+++ b/projects/common/ui-elements/radio/radio-button-group.component.ts
@@ -40,7 +40,7 @@ import { RadioButtonGroupElement } from './radio-button-group-element';
</div>
`,
styles: [
- '::ng-deep app-radio-button-group .mat-radio-label {white-space: normal}',
+ '::ng-deep app-radio-button-group .mat-radio-label {white-space: normal; width: auto; max-width: 100%;}',
'::ng-deep app-radio-button-group .mat-radio-label .mat-radio-label-content {padding-left: 10px}',
'mat-radio-button {margin-bottom: 6px; margin-right: 15px}',
'.error-message { font-size: 75% }',
--
GitLab