Consider adding header styling for GlDropdownDisclosure

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

  • Close this issue

The following discussion from !112195 (merged) should be addressed:

  • @ohoral started a discussion: (+3 comments)

    I've updated slightly the styles of the header for the dropdown as I've stumbled across it. Copied the styling from the listbox header. We can drop this commit though

    Before After
    Screenshot_2023-02-16_at_19.33.13 Screenshot_2023-02-16_at_19.35.43

Implementation plan (draft)

  • Add a header slot to GlDropdownDisclosure.
    • It should be wrapped within a div.gl-display-flex.gl-align-items-center.gl-p-4!.gl-min-h-8.gl-border-b-1.gl-border-b-solid.gl-border-b-gray-200.
  • Upon integration in GitLab, revisit existing instances that define custom headers:
    • app/assets/javascripts/batch_comments/components/preview_dropdown.vue.
Edited Aug 05, 2025 by 🤖 GitLab Bot 🤖
Assignee Loading
Time tracking Loading