diff --git a/web/modules/custom/riverside_pt/css/calendar.css b/web/modules/custom/riverside_pt/css/calendar.css index e99d516..3586b2e 100644 --- a/web/modules/custom/riverside_pt/css/calendar.css +++ b/web/modules/custom/riverside_pt/css/calendar.css @@ -8,7 +8,7 @@ @media (min-width: 640px) { .riverside-booking-wrap { flex-direction: row; - gap: 3rem; + gap: 2rem; } } diff --git a/web/modules/custom/riverside_pt/js/components/rpt-testimonials.js b/web/modules/custom/riverside_pt/js/components/rpt-testimonials.js index 797bb7a..57a8081 100644 --- a/web/modules/custom/riverside_pt/js/components/rpt-testimonials.js +++ b/web/modules/custom/riverside_pt/js/components/rpt-testimonials.js @@ -81,9 +81,7 @@ function Testimonials() { var onPointerMove = function (e) { if (!drag.current) return; - var delta = e.clientX - drag.current.x; - var max = measureMax(); - setLeft(Math.min(0, Math.max(-max, drag.current.left + delta))); + setLeft(drag.current.left + (e.clientX - drag.current.x)); }; var onPointerUp = function (e) { @@ -132,7 +130,8 @@ function Testimonials() { onPointerDown=${onPointerDown} onPointerMove=${onPointerMove} onPointerUp=${onPointerUp} - style=${{ position: "relative", top: 0, left: left + "px", transition: "left 0.5s ease", display: "flex", gap: GAP + "px", paddingBottom: "2px", width: TOTAL_W + "px" }} + onPointerCancel=${onPointerUp} + style=${{ position: "relative", top: 0, left: left + "px", transition: "left 0.5s ease", display: "flex", gap: GAP + "px", paddingBottom: "2px", width: TOTAL_W + "px", touchAction: "pan-y" }} > ${TESTIMONIALS.map(function (t, i) { return html`