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

Fixed #4553 - Image: toolbar unstyled mode fixes

pull/4570/head
Tuğçe Küçükoğlu 2023-10-05 10:08:28 +03:00
parent b6467d3c6f
commit 6b097a40d7
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@
</button> </button>
<Portal> <Portal>
<div v-if="maskVisible" :ref="maskRef" v-focustrap role="dialog" :class="cx('mask')" :aria-modal="maskVisible" @click="onMaskClick" @keydown="onMaskKeydown" v-bind="ptm('mask')"> <div v-if="maskVisible" :ref="maskRef" v-focustrap role="dialog" :class="cx('mask')" :aria-modal="maskVisible" @click="onMaskClick" @keydown="onMaskKeydown" v-bind="ptm('mask')">
<div class="p-image-toolbar" v-bind="ptm('toolbar')"> <div :class="cx('toolbar')" v-bind="ptm('toolbar')">
<button :class="cx('rotateRightButton')" @click="rotateRight" type="button" :aria-label="rightAriaLabel" v-bind="ptm('rotateRightButton')" data-pc-group-section="action"> <button :class="cx('rotateRightButton')" @click="rotateRight" type="button" :aria-label="rightAriaLabel" v-bind="ptm('rotateRightButton')" data-pc-group-section="action">
<slot name="refresh"> <slot name="refresh">
<RefreshIcon v-bind="ptm('rotateRightIcon')" /> <RefreshIcon v-bind="ptm('rotateRightIcon')" />

1
components/lib/image/style/ImageStyle.js
View File

@ -79,6 +79,7 @@ const classes = {
button: 'p-image-preview-indicator', button: 'p-image-preview-indicator',
icon: 'p-image-preview-icon', icon: 'p-image-preview-icon',
mask: 'p-image-mask p-component-overlay p-component-overlay-enter', mask: 'p-image-mask p-component-overlay p-component-overlay-enter',
toolbar: 'p-image-toolbar',
rotateRightButton: 'p-image-action p-link', rotateRightButton: 'p-image-action p-link',
rotateLeftButton: 'p-image-action p-link', rotateLeftButton: 'p-image-action p-link',
zoomOutButton: ({ instance }) => [ zoomOutButton: ({ instance }) => [