Add a project name tooltip.

services/web/app/views/project/editor/header.pug

@@ -30,6 +30,10 @@ header.toolbar.toolbar-header.toolbar-with-labels(
 		span.name(
 			ng-dblclick="!permissions.admin || startRenaming()",
 			ng-show="!state.renaming"
+			tooltip="{{ project.name }}",
+			tooltip-class="project-name-tooltip"
+			tooltip-placement="bottom",
+			tooltip-append-to-body="true",
 		) {{ project.name }}
 
 		input.form-control(

services/web/public/stylesheets/app/invite.less

@@ -10,6 +10,12 @@
 	margin-bottom: 30px;
 }
 
+.project-name-tooltip .tooltip-inner {
+	max-width: 80vw;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 .project-invite-invalid {
 	.actions {
 		padding-top: 15px;