Change MR approval popover to use hover trigger

Issue: #38087 (closed)

What does this MR do?

Previously, the hover feature was not working due to us using the older bootstrap-vue version. We recently upgraded in this MR > !18913 (merged). The new version fixed the broken hover feature (where the popover will not stay open when moused over). In this MR, we are updating our component to use the fixed hover feature 👍

Testing Case

  1. Navigate to General project settings
  2. Expand the Merge request approvals section
  3. Attempt to hover on the question mark icon next to the default approval rule (“Any eligible user”)

image

  • Popover will appear
  • Move your mouse to click on the "More information" link, the popover will not close

image

Screenshots

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

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

Closes #38087 (closed)

Edited by 🤖 GitLab Bot 🤖

Merge request reports

Loading