Follow up to "Styling of the MR widget's info and pipeline sections"
There were some text related issues that I did not foresee during the implementation of https://gitlab.com/gitlab-org/gitlab-ce/issues/46795. These are to do with the handling of long branch names in the copy.
Proposal
- Truncate long branch names in the info and pipeline sections to 20 characters followed by an
…
ellipsis sign. The reason for choosing the number 20 is because in the fixed width MR page, we can safely display 20 characters of both the source and target branch names. - Truncate long environment names to 20 characters as well.
- Truncated names (both branch and environment) should display the full name on a tooltip.
- Change the copy of "commits behind" text to
The source branch is [X] commits behind the target branch
. This is again to avoid displaying long branch names. - The "[X] commits" portion of the text is linked to the target branch commits page.
- Increase font-size of the "commits behind" text to
14px
for more prominence.
Edited by Jeethu Karthik