prathameshgaikwad/Innings

Fix Match Card component's Link element

Aperta

#49 aperta il 11 ago 2024

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (10 fork)auto 404
bugfrontendgood first issue

Metriche repository

Star
 (6 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Describe the bug Currently, the Link wrapper around the Match Card stretches out to occupy the entire available horizontal space. This makes the link accessible (hoverable & clickable) even outside the card content.

To Reproduce Steps to reproduce the behavior:

  1. Go to Home Page, or a particular Tournament page.
  2. See the error on the Match Card.

Expected behavior The Link element must span the entire width of the Match Card, and it must not overflow it.

Screenshots

https://github.com/user-attachments/assets/2da16639-6623-430a-95ce-7bcbdefce922

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Microsoft Edge

Additional context The relevant component can be found under client/src/components/cards/MatchCard.

Guida contributor

Direzione di ricerca
Ispeziona il CSS del componente MatchCard per identificare perché l'elemento Link supera il suo contenitore. Applica width: 100% e overflow: hidden al contenitore della carta o regola la proprietà display del Link.
Tech stack
react
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85