From 162d1997280c609806921df1197cc6bb9ac7eff6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Wed, 4 Oct 2023 17:04:15 +0300
Subject: [PATCH] Fix button dimensions

---
 src/app/components/image/image.css | 2 ++
 src/app/components/image/image.ts  | 8 ++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/components/image/image.css b/src/app/components/image/image.css
index b8a4ecaa43e..8c728d5ee28 100755
--- a/src/app/components/image/image.css
+++ b/src/app/components/image/image.css
@@ -16,6 +16,8 @@
         top: 0;
         width: 100%;
         height: 100%;
+        outline: none;
+        border: none;
         display: flex;
         align-items: center;
         justify-content: center;
diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts
index b9b073f460f..4bf8beed528 100755
--- a/src/app/components/image/image.ts
+++ b/src/app/components/image/image.ts
@@ -23,7 +23,7 @@ import { FocusTrapModule } from 'primeng/focustrap';
     template: `
         <span [ngClass]="containerClass()" [class]="styleClass" [ngStyle]="style">
             <img [attr.src]="src" [attr.srcset]="srcSet" [attr.sizes]="sizes" [attr.alt]="alt" [attr.width]="width" [attr.height]="height" [ngStyle]="imageStyle" [class]="imageClass" (error)="imageError($event)" />
-            <button type="button" class="p-image-preview-indicator" *ngIf="preview" (click)="onImageClick()" #previewButton>
+            <button type="button" class="p-image-preview-indicator" (click)="onImageClick()" #previewButton [ngStyle]="{'height': imgHeight, 'width': width + 'px'}" style="border: 'none';">
                 <ng-container *ngIf="indicatorTemplate; else defaultTemplate">
                     <ng-container *ngTemplateOutlet="indicatorTemplate"></ng-container>
                 </ng-container>
@@ -230,7 +230,11 @@ export class Image implements AfterContentInit {
         min: 0.5
     };
 
-    constructor(@Inject(DOCUMENT) private document: Document, private config: PrimeNGConfig, private cd: ChangeDetectorRef) {}
+    get imgHeight() {
+        return this.document && this.document.defaultView ? getComputedStyle(DomHandler.findSingle(this.el.nativeElement, 'img'))['height'] : '100%';
+    }
+
+    constructor(@Inject(DOCUMENT) private document: Document, private config: PrimeNGConfig, private cd: ChangeDetectorRef, public el: ElementRef) {}
 
     ngAfterContentInit() {
         this.templates?.forEach((item) => {