Skip to content

Fix sizing of done/redo button on mobile todo page

What does this MR do and why?

When viewed in a very small viewport, the done/redo button on a todo item in the Vue todo page is growing to its parent height. This also affects the un-snooze button. This MR corrects this by setting an appropriate align-self rule on the parent.

Screenshots or screen recordings

Before After
gdk.test_3000_dashboard_todos__4_ gdk.test_3000_dashboard_todos__1_
gdk.test_3000_dashboard_todos__3_ gdk.test_3000_dashboard_todos__2_

How to set up and validate locally

  1. Check out this branch
  2. Visit the Vue todos page
  3. Ensure your viewport is in the xs breakpoint range (smaller than 576px wide)

Related to #499696

Edited by Chad Lavimoniere

Merge request reports

Loading