Skip to content
Snippets Groups Projects
Commit bef1b75e authored by jojohoch's avatar jojohoch
Browse files

Disable magnifier for images

Wait until a solution is found for the distpacker when parsing "'url('+ (image.src) + ')'".
parent 7f343786
No related branches found
No related tags found
No related merge requests found
......@@ -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>
`,
......
......@@ -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: [
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment