Iterations dropdown component is not consistent with gitlab/ui
Summary
The Iterations
dropdown component currently doesn't conform to https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-dropdown--with-header-and-footer
Current | Expected (disregard input width) |
---|---|
![]() |
![]() |
Steps to reproduce
- Navigate to an issue
- Click
Edit
next to Iteration in the sidebar - View the dropdown
What is the current bug behavior?
The Iteration
dropdown is missing some styling
![](/-/project/278964/uploads/8dbe2f70322b1d824ac42813d41e7678/image.png)
What is the expected correct behavior?
🎨 Expected design:
-
✅ When no option is applied, placeholder in the sidebar should readNone
, similar to milestones, instead ofNo iteration
-
✅ Add a divider under the dropdown header -
✅ Add a divider under theno iteration
option
![](/-/project/278964/uploads/b9e626f68c5dd791b1b32a0de26edaca/image.png)
- Spacing between the
Milestone
andIteration
rows should be 16px/1rem - Spacing between the
Iteration
label and value (ie: none) should be 8px/1rem
![](/-/project/278964/uploads/b76c774de17950fb92cf38ffe92ca576/image.png)
Edited by Alexis Ginsberg