Environment names on Environment page should not be cut off
Summary
Environment names on the namespace/project/environments
view are truncated. For names which are longer than only a few characters, users will have to click on the link to open in a new tab, remember the name of the branch, then switch tabs back to the environments page and have to remember which link they clicked on. Hovering over the link does not help because the individual environment's URLs are numeric ids, not names.
Steps to reproduce
Create an environment with a name longer than a handful of characters, such as development/gaming
.
What is the current bug behavior?
The environment name is cut off after only a few characters. In this case, all environments of the type development/*
will display only as development...
What is the expected correct behavior?
I expect that the abundant horizontal whitespace here should contain the full name of my environment i.e. development/gaming
Relevant logs and/or screenshots
Possible fixes
remove the class "flex-truncate-child" in https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/assets/javascripts/environments/components/environment_item.vue#L446