Combine sidebar reference components
What does this MR do?
First step towards #324610 (closed).
There is a UI pattern of Label: value <clipboard-button /> used in the sidebar, e.g. issue references, MR branch names, issue email address. We don't have a reusable component for this pattern.
This MR adds a copyable_field.vue component to address this, and uses it for the Issue Reference on Jira issues.
Future MRs (e.g. !56826 (merged)) will utilize the new component for other use cases.
jira_issues_show_integration feature flag (disabled by default)
Screenshots (strongly suggested)
Screenshots demonstrate that there is no impact to the user.
| Before | After |
|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
Does this MR meet the acceptance criteria?
Conformity
-
📋 Does this MR need a changelog?-
I have included a changelog entry. -
I have not included a changelog entry because this is a "feature::maintenance" ("technical debt") change.
-
-
Documentation (if required) -
Code review guidelines -
Merge request performance guidelines -
Style guides -
Database guides -
Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers -
Informed Infrastructure department of a default or new setting change, if applicable per definition of done
Security
If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:
-
Label as security and @ mention @gitlab-com/gl-security/appsec -
The MR includes necessary changes to maintain consistency between UI, API, email, or other methods -
Security reports checked/validated by a reviewer from the AppSec team