mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2024-12-29 11:06:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse source 
fixes right stepper not hiding itself in chrome when manually scrolled to the end
This commit is contained in:
wukko 2024-09-30 18:16:52 +06:00
parent b4dd506f61
commit 31be60484d
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/donate/DonateOptionsCard.svelte
View file

@ -84,8 +84,8 @@
const scroll = (direction: "left" | "right") => { const scroll = (direction: "left" | "right") => {
const currentPos = donateList.scrollLeft; const currentPos = donateList.scrollLeft;
const newPos = direction === "left" ? currentPos - 150 : currentPos + 150;
const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width; const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width;
const newPos = direction === "left" ? currentPos - 150 : currentPos + 150;
donateList.scroll({ donateList.scroll({
left: newPos, left: newPos,
@ -171,7 +171,7 @@
bind:this={donateList} bind:this={donateList}
on:wheel={() => { on:wheel={() => {
const currentPos = donateList.scrollLeft; const currentPos = donateList.scrollLeft;
const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width; const maxPos = donateList.scrollWidth - donateList.getBoundingClientRect().width - 5;
showLeftScroll = currentPos > 0; showLeftScroll = currentPos > 0;
showRightScroll = currentPos < maxPos && currentPos !== maxPos; showRightScroll = currentPos < maxPos && currentPos !== maxPos;
}} }}