Skip to content

Add prop to specify dropdown menu width

According to https://gitlab-org.gitlab.io/gitlab-design/hosted/design-gitlab-specs/dropdown-spec-previews/, we have three valid heights: 160, 260 and 400px. Additionally, the height of dropdown is also fixed to 312/400px.

Suggestion: introduce new props for dropdown:

  • menu-width (valid values: sm, md, lg dropdown)
  • menu-height (valid values: md, lg)

These props values should be translated to class names, which will be mapped to proper classes and passed as menu-class to underlying dropdown (respecting original menu-class of course)

gitlab-org/gitlab-ui!883 (merged) introduced .gl-search-box-by-click-menu class as a workaround for this - this should be removed and replaced by the proper prop, once implemented