Empty state for Changes tab in MR

In a MR with no changes and no commits we see a beautiful empty state in the commits tab, but we see a simple message in the changes tab:

Design

• svg: graphic-mr-changes-blank.svg

/cc @hazelyang @tauriedavis @sarrahvesselov

@filipa Will do. Thanks!

assigned to @hazelyang

Empty state graphic

• I am just wondering if the copy needs to be slightly modified?
• svg: graphic-mr-changes-blank.svg

The names do run together @hazelyang, making it hard to see where one ends and the other begins. Perhaps some emphasis or darker text treatment on the just the names of the branches will help this. Love the illustration!

Branch names should be displayed in a monospace font as per https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/11342

What @tauriedavis said :) Thanks Taurie!

@sarrahvesselov @tauriedavis @filipa Thanks! Updated the mockup.

changed the description

Updated the issue description.

removed all assignees

added frontend in GitLab FOSS label

mentioned in commit gitlab-design@41cf1f82

@victorwu can we schedule this for %9.4 in gitlab-foss ?

added to schedule in GitLab FOSS label

changed milestone to %Backlog in gitlab-foss

@hazelyang : SHouldn't there be a call to action in our empty states?

@victorwu Link to the branch? or you have any ideas?

Maybe something like 'Commit a change', which would take you to the branch so you could make a change and create a commit?

Yeah add a file or change a file to the source branch. Linking to the repo of the source branch is probably the smallest iteration.

changed the description

@tauriedavis @victorwu Thanks! I updated the description.

mentioned in commit gitlab-design@792ac0dc

changed milestone to %Next 2-3 months in gitlab-foss

removed to schedule in GitLab FOSS label

moved from gitlab-foss#32329 (moved)