Skip to content

Commit 3ab1803

Browse files
committed
refine matchmaking pagination scroll and community CTA copy
Keep pagination anchored to the matchmaking section instead of scrolling to the page top, and correct the community secondary CTA text to "Find out more". Made-with: Cursor
1 parent 47d35dc commit 3ab1803

2 files changed

Lines changed: 16 additions & 3 deletions

File tree

resources/js/components/matchmaking/MatchMakingToolForm.vue

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div
33
class="codeweek-matchmakingtool-component font-['Blinker'] bg-light-blue"
44
>
5-
<div class="codeweek-container py-10">
5+
<div ref="filtersContainer" class="codeweek-container py-10">
66
<div
77
class="max-md:fixed left-0 top-[125px] z-[100] flex-col items-center w-full max-md:p-6 max-md:h-[calc(100dvh-125px)] max-md:overflow-auto max-md:bg-white duration-300"
88
:class="[showFilterModal ? 'flex' : 'max-md:hidden']"
@@ -405,8 +405,20 @@ export default {
405405
selectedTopics.value = [];
406406
};
407407
408+
const filtersContainer = ref(null);
409+
408410
const scrollToTop = () => {
409-
window.scrollTo(0, 0);
411+
if (!filtersContainer.value) {
412+
return;
413+
}
414+
415+
const headerOffset = 120;
416+
const top =
417+
filtersContainer.value.getBoundingClientRect().top +
418+
window.scrollY -
419+
headerOffset;
420+
421+
window.scrollTo({ top: Math.max(top, 0), behavior: 'smooth' });
410422
};
411423
412424
const paginate = (page) => {
@@ -521,6 +533,7 @@ export default {
521533
onSubmit,
522534
customLabel,
523535
showFilterModal,
536+
filtersContainer,
524537
tags,
525538
removeSelectedItem,
526539
removeAllSelectedItems,

resources/views/community.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ class="text-nowrap md:w-fit flex justify-center items-center border-2 border-[#1
115115
target="_blank"
116116
rel="noopener noreferrer"
117117
>
118-
<span>Find our more</span>
118+
<span>Find out more</span>
119119
</a>
120120
</div>
121121
</div>

0 commit comments

Comments
 (0)