Cold-Air-Networks/customer-riverside
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix dragging issues

Browse source
This commit is contained in:
Philip Peterson 2026-06-03 02:31:16 -07:00
parent 84d47728f9
commit e9bce5aac8
3 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/modules/custom/riverside_pt/css/calendar.css
View file

@ -8,7 +8,7 @@
@media (min-width: 640px) {
.riverside-booking-wrap {
flex-direction: row;
gap: 3rem;
gap: 2rem;
}
}

7
web/modules/custom/riverside_pt/js/components/rpt-testimonials.js
View file

@ -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`
<div key=${i} style=${{ width: CARD_W + "px", flexShrink: 0 }} class="border border-gray-200 rounded-lg p-6 flex flex-col gap-5 bg-white">

2
web/modules/custom/riverside_pt/templates/riverside-pt-home.html.twig
View file

@ -116,7 +116,7 @@
</section>
<section class="py-24 px-6 bg-white">
<div class="max-w-[900px] mx-auto">
<div class="max-w-[700px] mx-auto">
<h2 class="text-[clamp(2.5rem,5vw,4rem)] font-serif font-light text-gray-800 mb-10 text-center">Book An Appointment</h2>
<rpt-appt-type class="block mb-10"></rpt-appt-type>
<div class="riverside-booking-wrap">