Skip to content

Added gl-rounded-full! to Explain Code toggle

Denys Mishunov requested to merge 407285-rounded-toggle into master

What does this MR do and why?

Updates the utility classes for the Explain Code toggle in the blob view gutter

Screenshots or screen recordings

Before After
Screenshot_2023-04-19_at_16.21.34 Screenshot_2023-04-19_at_16.23.51

How to set up and validate locally

  1. Enable the following feature flags:
    • explain_code
    • explain_code_snippet
    • openai_experimentation
    • ai_experimentation_api
  2. Add an OpenAI API key by following the steps in !116364 (merged)
  3. Run the following command in the root of your project:
    • curl https://gitlab.com/gitlab-org/gitlab/-/merge_requests/117636.diff | git apply
    • This will apply changes from !117636 (merged) on which this MR relies.
  4. Open a file containing Source Code (Note, this file should not be from the GitLab codebase).
    • sample_file.js
  5. Highlight some of the Source Code.
  6. Note that there's no "leaking background" on the toggle

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #407285

Merge request reports