From 34cca518cfab75c48db2d37c9fc0977dadad0f0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 11 May 2023 15:32:31 +0300
Subject: [PATCH] Fixed #2943 - Image: Handling of disabled zoomOut and zoomIn
 in preview

---
 components/lib/image/Image.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/components/lib/image/Image.vue b/components/lib/image/Image.vue
index 0f6770bb8..1a8e7fe8e 100644
--- a/components/lib/image/Image.vue
+++ b/components/lib/image/Image.vue
@@ -23,13 +23,13 @@
                         </slot>
                     </button>
 
-                    <button class="p-image-action p-link" @click="zoomOut" type="button" :disabled="isZoomOutDisabled" :aria-label="zoomOutAriaLabel" v-bind="ptm('zoomOutButton')">
+                    <button :class="['p-image-action p-link', { 'p-disabled': isZoomOutDisabled }]" @click="zoomOut" type="button" :disabled="isZoomOutDisabled" :aria-label="zoomOutAriaLabel" v-bind="ptm('zoomOutButton')">
                         <slot name="zoomout">
                             <SearchMinusIcon v-bind="ptm('zoomOutIcon')" />
                         </slot>
                     </button>
 
-                    <button class="p-image-action p-link" @click="zoomIn" type="button" :disabled="isZoomInDisabled" :aria-label="zoomInAriaLabel" v-bind="ptm('zoomInButton')">
+                    <button :class="['p-image-action p-link', { 'p-disabled': isZoomInDisabled }]" @click="zoomIn" type="button" :disabled="isZoomInDisabled" :aria-label="zoomInAriaLabel" v-bind="ptm('zoomInButton')">
                         <slot name="zoomin">
                             <SearchPlusIcon v-bind="ptm('zoomInIcon')" />
                         </slot>
@@ -322,10 +322,6 @@ export default {
     align-items: center;
 }
 
-.p-image-action.p-link[disabled] {
-    opacity: 0.5;
-}
-
 .p-image-preview {
     transition: transform 0.15s;
     max-width: 100vw;