Skip to content

style: problem table and resources scroll#42

Merged
Oscar-gg merged 3 commits intomainfrom
styling
Jun 29, 2025
Merged

style: problem table and resources scroll#42
Oscar-gg merged 3 commits intomainfrom
styling

Conversation

@Oscar-gg
Copy link
Copy Markdown
Member

@Oscar-gg Oscar-gg commented Jun 28, 2025

  • Added padding to problem table
  • Avoid screen scroll on resources page
  • Navigate when pressing week div instead of only butto

@Oscar-gg
Copy link
Copy Markdown
Member Author

Table before:
Screenshot from 2025-06-28 15-25-10

Table after:
Screenshot from 2025-06-28 15-24-51

Scroll fix:
https://github.com/user-attachments/assets/426972a5-74cc-464f-b4d1-12bb36300db8

Navigate to week on div click:
(I'm unsure if this one is a UX improvement. In my intuition, if something moves then one must be able to interact with the element)
https://github.com/user-attachments/assets/3784cf43-a7e1-474d-bdbd-20faf3bc5fe8

@Oscar-gg Oscar-gg requested a review from Ale-Coeto June 28, 2025 21:32
@htovarm7
Copy link
Copy Markdown
Contributor

htovarm7 commented Jun 29, 2025

lgtm, It would be great to have some kind of selection animation to see which are you going to solve, imo I used to get lost in this since it looks like an excel with 70% of zoom

@htovarm7
Copy link
Copy Markdown
Contributor

Added a subtle hover:scale effect on problem rows to enhance usability and visual feedback.

This helps quickly identify which problem you're about to interact with — previously it felt like scrolling through a zoomed-out spreadsheet, which could make tracking harder. Now, hovering gives a small animation that improves focus and selection intuition.

Scree.mp4

@Oscar-gg
Copy link
Copy Markdown
Member Author

Nice,

Added a subtle hover:scale effect on problem rows to enhance usability and visual feedback.

This helps quickly identify which problem you're about to interact with — previously it felt like scrolling through a zoomed-out spreadsheet, which could make tracking harder. Now, hovering gives a small animation that improves focus and selection intuition.
Scree.mp4

Nice, lgtm

@Oscar-gg Oscar-gg merged commit 39358a7 into main Jun 29, 2025
3 checks passed
@Rodrogamby Rodrogamby deleted the styling branch July 13, 2025 19:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants