From ac0d7c2fa66138f8dedd1ebfaa2a1c78727df4cc Mon Sep 17 00:00:00 2001 From: Bogdan Niculae Date: Thu, 11 Apr 2024 12:37:25 +0300 Subject: [PATCH] span the names closer to the center --- src/Experience/Extras/Congrats.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/Experience/Extras/Congrats.js b/src/Experience/Extras/Congrats.js index 5ce0b772..33d26bbb 100644 --- a/src/Experience/Extras/Congrats.js +++ b/src/Experience/Extras/Congrats.js @@ -100,14 +100,19 @@ export default class Congrats { } const centralRect = centralElement.getBoundingClientRect() + const marginWidth = window.innerWidth * 0.2 // 20% of viewport width + const marginHeight = window.innerHeight * 0.2 // 20% of viewport height + names.forEach((name) => { let randomX, randomY, overlap do { overlap = false - randomX = Math.random() * (window.innerWidth - name.offsetWidth) - randomY = Math.random() * (window.innerHeight - name.offsetHeight) + // Adjust calculations to consider margins + randomX = marginWidth + Math.random() * (window.innerWidth - 2 * marginWidth - name.offsetWidth) + randomY = marginHeight + Math.random() * (window.innerHeight - 2 * marginHeight - name.offsetHeight) + // Check if the random position overlaps with the central element overlap = randomX < centralRect.right && randomX + name.offsetWidth > centralRect.left && randomY < centralRect.bottom && randomY + name.offsetHeight > centralRect.top } while (overlap)