Skip to content

'Last created' dropdown on the Todos page doesn't reflow well in the responsive layout

Summary

The Sort by dropdown ('Last created') on the Todos page doesn't reflow correctly when you resize the window.

Steps to reproduce

  1. Navigate to https://gitlab.com/dashboard/todos
  2. Resize the window smaller. (I'm on macOS Sierra, running the latest version of Chrome)

Actual behavior

Medium screen size

Screen_Shot_2016-09-24_at_2.50.32_PM Small screen size

Expected behavior

Screen_Shot_2016-09-24_at_3.17.51_PM The Sort by dropdown should behave like the other Filter dropdowns once you get to the MD and SM screen sizes.
I understand there might not be room to fit it in the MD screen size. One way to fix this is to make all of the other Filter dropdowns a little thinner. I noticed on the Issues page (similar layout), each Filter dropdown has a width of 132px, and on this Todos page, each Filter dropdown has a width of 160px. We could just have Todos dropdowns match Issues dropdown, and potentially make room for the Sort dropdown.

Screen_Shot_2016-09-24_at_3.22.23_PM This issue is much easier to solve on the SM screen size. Just make room for it vertically, and add the Sort by dropdown below the other dropdowns.