Replace tooltip with a popover for inherited policies

What does this MR do and why?

This change updates a user interface component that displays security policies in a list format. The main modification replaces a simple tooltip (a small text box that appears when hovering over an element) with a more advanced popover component that can display richer content with a proper title.

Specifically, when users view inherited security policies (policies that come from a parent group or project), they now see a popover with the title "Inherited policy" instead of just a basic tooltip. This popover explains why certain policy actions are disabled and provides a link to the source where the policy was inherited from.

The changes include updating the import statements to use the new popover component, adding the new title text to the translation files, and updating all the related test files to check for the popover instead of the tooltip. This enhancement provides users with clearer, more structured information about why they cannot edit certain inherited policies.

References

Screenshots or screen recordings

Description UI
Popover instead of tooltip popover.mov

How to set up and validate locally

  1. Create policies on a group level
  2. Go to a project
  3. Go to Secure -> Policies
  4. Check inherited from the group policies, and hover over dotted menu

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #526599 (closed)

Merge request reports

Loading