Add a project name tooltip.

This commit is contained in:
Paulo Reis 2017-03-31 16:13:23 +01:00
parent 42009093ef
commit 5b8c36dfc0
2 changed files with 10 additions and 0 deletions

View file

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

View file

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