Navigation buttons overlapping with the image #210

Closed
opened 2025-09-22 10:52:48 -04:00 by draco9972 · 0 comments

Issue URL:

https://www.topcoder.com/community/timeline-wall

Steps to reproduce

  1. Go to https://www.topcoder.com/
  2. Hover Resources > click Articles
  3. From the searchbar, type 'what is topcoder'
  4. Click the article What is Topcoder?
  5. Under Learn, click Webinars
  6. Click Topcoder Timeline Wall
  7. Click any posts that has more than two images

Actual result

Left and right arrow is overlapping with the image

Expected result

Should add some spacing between the image and the arrows

Screenshots/Videos

image.png

Environment

  • OS and Browser version: Windows 11 Pro, 24H2 | Chrome 140.0.7339.186 | Firefox 143.0.1 | Edge 140.0.3485.81
  • Device: Desktop

Reproducibility

5/5

#### Issue URL: https://www.topcoder.com/community/timeline-wall #### Steps to reproduce 1. Go to https://www.topcoder.com/ 2. Hover Resources > click Articles 3. From the searchbar, type 'what is topcoder' 4. Click the article What is Topcoder? 5. Under Learn, click Webinars 6. Click Topcoder Timeline Wall 7. Click any posts that has more than two images #### Actual result Left and right arrow is overlapping with the image #### Expected result Should add some spacing between the image and the arrows #### Screenshots/Videos ![image.png](/attachments/fcc5a2e3-e966-49a5-871a-dadea320b7de) <video src="attachments/8b53edaa-3910-429f-8593-53fde3f2fe84" title="2025-09-22_22-50-05.mp4" controls></video> #### Environment - OS and Browser version: Windows 11 Pro, 24H2 | Chrome 140.0.7339.186 | Firefox 143.0.1 | Edge 140.0.3485.81 - Device: Desktop #### Reproducibility 5/5
draco9972 added the ChromeWindowsEdgeFirefoxUI labels 2025-09-22 10:52:48 -04:00
nithya160925 added the Out of Scope label 2025-09-24 15:21:12 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#210