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'; ...@@ -13,9 +13,9 @@ import { ImageElement } from '../models/image-element';
[src]="elementModel.src | safeResourceUrl" [src]="elementModel.src | safeResourceUrl"
[alt]="'imageNotFound' | translate" [alt]="'imageNotFound' | translate"
[class]="elementModel.dynamicPositioning? 'dynamic-image' : 'static-image'"> [class]="elementModel.dynamicPositioning? 'dynamic-image' : 'static-image'">
<app-magnifier <!-- <app-magnifier-->
[image]=image> <!-- [image]=image>-->
</app-magnifier> <!-- </app-magnifier>-->
</div> </div>
</div> </div>
`, `,
......
...@@ -5,16 +5,16 @@ import { Component, HostListener, Input } from '@angular/core'; ...@@ -5,16 +5,16 @@ import { Component, HostListener, Input } from '@angular/core';
template: ` template: `
<div *ngIf="image && image.width && image.height" <div *ngIf="image && image.width && image.height"
class="hide-cursor"> class="hide-cursor">
<div class="magnifier-glass" <!-- <div class="magnifier-glass"-->
[style.backgroundImage] = "'url('+ (image.src) + ')'" <!-- [style.backgroundImage] = "'url('+ (image.src) + ')'"-->
[style.backgroundPosition] = "backgroundPosition" <!-- [style.backgroundPosition] = "backgroundPosition"-->
[style.left.px]="left" <!-- [style.left.px]="left"-->
[style.top.px]="top" <!-- [style.top.px]="top"-->
[style.width.px]="glassRadius * 2" <!-- [style.width.px]="glassRadius * 2"-->
[style.height.px]="glassRadius * 2" <!-- [style.height.px]="glassRadius * 2"-->
[style.backgroundSize] = "(image.width * zoom) + 'px ' + (image.height * zoom) + 'px'" <!-- [style.backgroundSize] = "(image.width * zoom) + 'px ' + (image.height * zoom) + 'px'"-->
[style.backgroundRepeat] = "'no-repeat'"> <!-- [style.backgroundRepeat] = "'no-repeat'">-->
</div> <!-- </div>-->
</div> </div>
`, `,
styles: [ 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