From 5b8c36dfc0c4b3a3e52ad890472a9be956a30cd2 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Fri, 31 Mar 2017 16:13:23 +0100
Subject: [PATCH] Add a project name tooltip.

---
 services/web/app/views/project/editor/header.pug | 4 ++++
 services/web/public/stylesheets/app/invite.less  | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/services/web/app/views/project/editor/header.pug b/services/web/app/views/project/editor/header.pug
index b90201b397..594eb87b6e 100644
--- a/services/web/app/views/project/editor/header.pug
+++ b/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(
diff --git a/services/web/public/stylesheets/app/invite.less b/services/web/public/stylesheets/app/invite.less
index 4e6f24303a..379ff55134 100644
--- a/services/web/public/stylesheets/app/invite.less
+++ b/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;