Circular collapse Icon with grey background needs reusable GitLab UI Component

The circular collapse Icon is used on multiple occasions in our Codebase.

The styles are defined in app/assets/stylesheets/framework/diffs.scss and have the diff-notes-collapse and diff-codequality-collapse assigned to it. We need to come up with GitLab UI Vue component or a helper class to make these styles reusable.

screenshot
Screenshot_2022-08-30_at_14.22.23

How to reproduce screenshot:

  1. make sure your GDK has an ultimate license
  2. Feature.enable(:refactor_code_quality_inline_findings)
  3. clone this project: https://gitlab.com/jannik_lehmann/code-quality-test
  4. recreate this MR: http://gdk.test:3000/root/code-quality-test-index/-/merge_requests/1
  5. run pipeline
  6. See inline diffs in diff view of created MR