Provide a new area for actions in blob view to minimize gutter

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Work on this issue
• Close this issue

Proposal

The gutter on the blob view is very large. The gutter provides a spot for actions related to the selected line.

Propose change: Consolidate actions for lines of code in a dropdown menu accessed via a more actions button (icon button with ellipsis_v icon).

• Actions are more clear by using the words "View blame" instead of a git icon.
• The gutter can be narrow to fit the line numbers and avoids having a large gap currently
• For "Explain this code", if the user clicks on the action but there is nothing selected then it will assume that the selected line is the line of code to explain.
• Provides an area where we could add more actions to in the future should we pursue additional actions
• On hover, the menu for actions should appear

Button should appears when the user hovers in the gutter area and/or the line of code. For reference, an example of showing actions on hover of the line of code exists in merge requests where the suggestion action appears when the user hovers over the line.

Current	Proposal

Open in Figma

States

Hover over code	Hover in gutter	Menu open

Additional design details needed

• Reference in a new issue
  • Default issue title
  • Default issue description
• Comment
  • Designs for entire flow

Implementation notes

Instrument this feature to gather data on usage per product request in #15431 (comment 2354456783).