vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #2943 - Image: Handling of disabled zoomOut and zoomIn in preview

pull/3958/head
Tuğçe Küçükoğlu 2023-05-11 15:32:31 +03:00
parent 2da324e510
commit 34cca518cf
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/lib/image/Image.vue
View File

@ -23,13 +23,13 @@
</slot> </slot>
</button> </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"> <slot name="zoomout">
<SearchMinusIcon v-bind="ptm('zoomOutIcon')" /> <SearchMinusIcon v-bind="ptm('zoomOutIcon')" />
</slot> </slot>
</button> </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"> <slot name="zoomin">
<SearchPlusIcon v-bind="ptm('zoomInIcon')" /> <SearchPlusIcon v-bind="ptm('zoomInIcon')" />
</slot> </slot>
@ -322,10 +322,6 @@ export default {
align-items: center; align-items: center;
} }
.p-image-action.p-link[disabled] {
opacity: 0.5;
}
.p-image-preview { .p-image-preview {
transition: transform 0.15s; transition: transform 0.15s;
max-width: 100vw; max-width: 100vw;