Skip to content

Add extension action items vertical bar to the code-oriented pages

Created by: AlicjaSuska

Part of the tracking issue #16165, RFC 250

Description

Create the toggleable vertical bar on the code-oriented pages:

  • repository details
  • directory
  • file
  • diff (described in issue #16950)

*Vertical view for the search results pages will be covered in the separate issue

Design details

This issue should cover the following:

  • add a vertical bar
  • add icons (mdi:puzzle-outline) or (mdi:chevron-double-up) to the actions bar that toggle-open / close the vertical bar
  • add logic to cover the case of a long file path + action items bar
  • convert all action items to icons
  • add tooltips + content of the tooltip used so far (action name / names, shortcuts etc.). Delay 1 sec
  • add hover to all elements of the bar
  • add active state to the action items
  • add a plus icon (mdi:plus) to the vertical bar. It should link to the extensions registry. Tooltip: 'add extensions'

Important notes:

  • To make this issue independently releasable action items labels containing static information are added to the tooltips. This is a temporary solution. When the bottom horizontal bar is introduced, some static information will be moved there from the action items tooltips.
  • Action items bar shows all the extensions on all the pages - it means that extensions that are active on search results page will be visible but disabled on code-oriented pages and vice versa.