Consider adding header styling for GlDropdownDisclosure

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

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 by 🤖 GitLab Bot 🤖