From b5d3b810767224587afb13d187c44e198d7feece Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 5 Nov 2021 14:44:59 +0100
Subject: [PATCH] Fix likert headings with images
Use flex to position image and text below one another. Don't use any
image scaling setting. Now the images grow but don't shrink.
---
.../compound-elements/likert.component.ts | 11 ++++-------
1 file changed, 4 insertions(+), 7 deletions(-)
diff --git a/projects/common/element-components/compound-elements/likert.component.ts b/projects/common/element-components/compound-elements/likert.component.ts
index d106fb949..f2e2e6894 100644
--- a/projects/common/element-components/compound-elements/likert.component.ts
+++ b/projects/common/element-components/compound-elements/likert.component.ts
@@ -28,19 +28,16 @@ import { CompoundElementComponent } from './compound-element.directive';
[style.grid-row-start]="1"
[style.grid-row-end]="2">
<div *ngFor="let column of elementModel.columns; let i = index" class="columns"
+ fxLayout="column"
[style.grid-column-start]="2 + i"
[style.grid-column-end]="3 + i"
[style.grid-row-start]="1"
[style.grid-row-end]="2">
<img *ngIf="column.imgSrc && column.position === 'above'"
- [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder"
- [style.object-fit]="'scale-down'"
- [width]="200">
- {{column.text}}
+ [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder">
+ <div>{{column.text}}</div>
<img *ngIf="column.imgSrc && column.position === 'below'"
- [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder"
- [style.object-fit]="'scale-down'"
- [width]="200">
+ [src]="column.imgSrc | safeResourceUrl" alt="Image Placeholder">
</div>
</div>
--
GitLab