Rearrange and introduce overflow menu to single file page
This issue looks at updating the changes to the single file/blob view so that button are rearranged and simplified so that the page is more focused.
Changes to the top area are common both to the directory and single file/blob view and are handled in this epic Common directory and blob page structure changes (&13018).
| Current | Proposal |
|---|---|
 |
 |
Overflow menu
Move the following actions into an overflow menu:
-
Copy permalink: copies permalink to clipboard. Current behaviour updates the URL of browser to permalinke- On copy should display toast saying "Copied permalink"
-
Lock file: same flow as current- When a file is locked this action should say "Unlock file"
- Further improvements with the feedback on a lock file is defined here Display lock information on directory and blob ... (&13019)
-
Replace file: same flow as current -
Delete file: same flow as current
| Edit menu (no changes) | Overflow menu |
|---|---|
 |
 |
Narrow viewport experience
The narrow viewport experience currently displays a lot of buttons and without a proper layout system the button groups do not rearrange in the most optimal manner.
Showing two versions here "Markdown" and a code file because of the extra "preview" and "TOC" dropdown that appears for a Markdown file.
| Current - Narrow viewport Markdown | Proposal - Narrow viewport Markdown |
|---|---|
 |
 |
| Current - Narrow viewport code | Proposal - Narrow viewport code |
|---|---|
 |
 |
Narrow viewport actions menu
For consistency between the different types of files (those with preview and those without), the proposed update moves the action of "Copy file contents", "Open raw" and "Download" to the Actions dropdown menu.
