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

Fixed offset issue

pull/6537/head
Cagatay Civici 2024-10-05 22:39:48 +03:00
parent fb969c2638
commit 78d18fd64c
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/primevue/src/imagecompare/style/ImageCompareStyle.js
View File

@ -26,6 +26,7 @@ const theme = ({ dt }) => `
margin-left: calc(-1 * calc(${dt('imagecompare.handle.size')} / 2)); margin-left: calc(-1 * calc(${dt('imagecompare.handle.size')} / 2));
background-color: transparent; background-color: transparent;
outline: none; outline: none;
transition: all ${dt('imagecompare.handle.transition.duration')};
} }
.p-imagecompare-slider::-webkit-slider-thumb { .p-imagecompare-slider::-webkit-slider-thumb {
@ -61,6 +62,11 @@ const theme = ({ dt }) => `
outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')}; outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};
outline-offset: ${dt('imagecompare.handle.focus.ring.offset')}; outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};
} }
.p-imagecompare-slider:hover {
width: calc(100% + ${dt('imagecompare.handle.hover.size')});
margin-left: calc(-1 * calc(${dt('imagecompare.handle.hover.size')} / 2));
}
.p-imagecompare-slider:hover::-webkit-slider-thumb { .p-imagecompare-slider:hover::-webkit-slider-thumb {
background: ${dt('imagecompare.handle.hover.background')}; background: ${dt('imagecompare.handle.hover.background')};