code4romania / code4romania/rezultate-vot-client

[2024 FE] Fix responsiveness issues for results pages

Open
#148 0 comments 0 reactions 1 assignee Claimed by @popovicidinu View on GitHub
🔥 highpriority bug frontend
Dominant language
TypeScript
Stars
5
Forks
13
No merged PRs in 30d

Description

The breaking points set currently cause many display issues on smaller screens.
The Results tab in every election displays the main parties that have received votes. because of the lengthy names on smaller screens the display names rearrange chaotically.

Please change the values of the breaking points in order to have only the two first parties displayed in full, and the rest of the parties displayed below the graph on all tablets and display just the first party on mobile devices. See images below for desired outcome.

Current issue:
![Screenshot 2024-06-04 at 11 40 00](https://github.com/code4romania/rezultate-vot-client/assets/45068169/70d5d8b9-f526-47c3-8042-b0e6485c5395)

![Screenshot 2024-06-04 at 11 45 23](https://github.com/code4romania/rezultate-vot-client/assets/45068169/b4fffe23-fdd1-4c21-a3f8-f5233c91fa05)

**Desired outcome:**
Tablet:
![Screenshot 2024-06-04 at 11 44 09](https://github.com/code4romania/rezultate-vot-client/assets/45068169/55e3637d-07ed-4c9d-b014-e774d4cafb55)

Mobile:
![Screenshot 2024-06-04 at 11 44 47](https://github.com/code4romania/rezultate-vot-client/assets/45068169/5136298f-3a6e-499b-bfab-51f4ff2b6fd5)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.