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](/uploads/21e824197c22c75350d98926422a5ff1/Screenshot_2022-08-30_at_14.22.23.png)| How to reproduce screenshot: 1. make sure your GDK has an ultimate license 1. Feature.enable(:refactor_code_quality_inline_findings) 1. clone this project: https://gitlab.com/jannik_lehmann/code-quality-test 1. recreate this MR: http://gdk.test:3000/root/code-quality-test-index/-/merge_requests/1 1. run pipeline 1. See inline diffs in diff view of created MR
issue