Changing the arrangement of blocks on a single file page

Problem

1. I go to one file page
2. I see commit information, branch information, code
3. I reload page
4. I see another arrangement of blocks: branch info and below commit info

Screen_Recording_2023-01-15_at_23.41.35

I think it's a bug, but there is also a design question: what arrangement do we want to see?

project page	file page	reloaded file page

I think branch -> commit arrangement makes more sense. Because here we can see the dependency between this two blocks.

Solution

The ordering of the layout of the page should be "branch selector" and then blocks of repository information (fork, commit, codeowners). The reason for this is that the selection of the branch then drives the information in the blocks below.

Project overview	Directory (/-/tree)	File (/-/blob)

Technical breakdown

Spike: Repository Usability Improvements: Propose a Vue app structure for Repository and Blob