web/DonateOptionsCard: add 5px of tolerance for max position

fixes right stepper not hiding itself in chrome when manually scrolled to the end
imputnet · Sep 30, 2024 · 31be604 · 31be604
1 parent b4dd506
commit 31be604
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web/src/components/donate/DonateOptionsCard.svelte b/web/src/components/donate/DonateOptionsCard.svelte
@@ -84,8 +84,8 @@
 
     const scroll = (direction: "left" | "right") => {
         const currentPos = donateList.scrollLeft;
-        const newPos = direction === "left" ? currentPos - 150 : currentPos + 150;
         const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width;
+        const newPos = direction === "left" ? currentPos - 150 : currentPos + 150;
 
         donateList.scroll({
             left: newPos,
@@ -171,7 +171,7 @@
             bind:this={donateList}
             on:wheel={() => {
                 const currentPos = donateList.scrollLeft;
-                const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width;
+                const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width - 5;
                 showLeftScroll = currentPos > 0;
                 showRightScroll = currentPos < maxPos && currentPos !== maxPos;
             }}