Fixed offset issue
parent
fb969c2638
commit
78d18fd64c
|
@ -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')};
|
||||||
|
|
Loading…
Reference in New Issue