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
- file
- repository details
- directory view (behavior analogical to repository details page)
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.