From bef1b75edd66a2d9f97589acfa908544e600ea5f Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 Nov 2021 15:04:43 +0100
Subject: [PATCH] Disable magnifier for images
Wait until a solution is found for the distpacker when parsing "'url('+ (image.src) + ')'".
---
.../element-components/image.component.ts | 6 +++---
.../element-components/magnifier.component.ts | 20 +++++++++----------
2 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/projects/common/element-components/image.component.ts b/projects/common/element-components/image.component.ts
index 7bf719a04..cf57db12c 100644
--- a/projects/common/element-components/image.component.ts
+++ b/projects/common/element-components/image.component.ts
@@ -13,9 +13,9 @@ import { ImageElement } from '../models/image-element';
[src]="elementModel.src | safeResourceUrl"
[alt]="'imageNotFound' | translate"
[class]="elementModel.dynamicPositioning? 'dynamic-image' : 'static-image'">
- <app-magnifier
- [image]=image>
- </app-magnifier>
+<!-- <app-magnifier-->
+<!-- [image]=image>-->
+<!-- </app-magnifier>-->
</div>
</div>
`,
diff --git a/projects/common/element-components/magnifier.component.ts b/projects/common/element-components/magnifier.component.ts
index a294fd701..f319cd0ce 100644
--- a/projects/common/element-components/magnifier.component.ts
+++ b/projects/common/element-components/magnifier.component.ts
@@ -5,16 +5,16 @@ import { Component, HostListener, Input } from '@angular/core';
template: `
<div *ngIf="image && image.width && image.height"
class="hide-cursor">
- <div class="magnifier-glass"
- [style.backgroundImage] = "'url('+ (image.src) + ')'"
- [style.backgroundPosition] = "backgroundPosition"
- [style.left.px]="left"
- [style.top.px]="top"
- [style.width.px]="glassRadius * 2"
- [style.height.px]="glassRadius * 2"
- [style.backgroundSize] = "(image.width * zoom) + 'px ' + (image.height * zoom) + 'px'"
- [style.backgroundRepeat] = "'no-repeat'">
- </div>
+<!-- <div class="magnifier-glass"-->
+<!-- [style.backgroundImage] = "'url('+ (image.src) + ')'"-->
+<!-- [style.backgroundPosition] = "backgroundPosition"-->
+<!-- [style.left.px]="left"-->
+<!-- [style.top.px]="top"-->
+<!-- [style.width.px]="glassRadius * 2"-->
+<!-- [style.height.px]="glassRadius * 2"-->
+<!-- [style.backgroundSize] = "(image.width * zoom) + 'px ' + (image.height * zoom) + 'px'"-->
+<!-- [style.backgroundRepeat] = "'no-repeat'">-->
+<!-- </div>-->
</div>
`,
styles: [
--
GitLab