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

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 {
@ -62,6 +63,11 @@ const theme = ({ dt }) => `
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')};
border-color: ${dt('imagecompare.handle.hover.border.color')}; border-color: ${dt('imagecompare.handle.hover.border.color')};