Improve to-do items' styling

Paul Gascou-Vaillancourtrequested to merge
todos-styles-cleanup into master

What does this MR do and why?

Improve to-do items' styling

  • Removed cursor: pointer from the parent list item. This might have caused confusion now that the clickable link is narrower than the list item.
  • Apply the hover style only when the descendant link is hovered.
  • Remove unnecessary CSS utils.

Changelog: changed

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

At rest, there is no visible change.

Before After
image image

The to-do items' background and border colors only change when the mouse hovers the inner link. Similarly, the cursor only becomes a pointer when the link is hovered.

Before After
CleanShot_2025-01-31_at_10.54.58 hover

|

How to set up and validate locally

  1. Navigate to the to-dos dashboard at http://gdk.test:3000/dashboard/todos.
Edited by Paul Gascou-Vaillancourt

Merge request reports