[CSS] Truncate long string in menu only.

templates/pages/menu.html

@@ -35,13 +35,13 @@
                         {% if project %}
                         <li><a href="/projects/{{project.id}}">
                                 <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
-                                {{project.name}}
+                                {{project.name | truncatechars:15}}
                             </a></li>
                         {% endif %}
                         {% if corpus %}
                         <li><a href="/projects/{{project.id}}/corpora/{{corpus.id}}">
                                 <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
-                                {{corpus.name}}
+                                {{corpus.name | truncatechars:15}}
                             </a></li>
                         {% endif %}
                     </ul>
@@ -51,7 +51,7 @@
                             <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown" title="That is your username">
                                 <i class="icon-user"></i>
                                 <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
-                                {{ user.username }}
+                                {{ user.username | truncatechars:15}}
                                 <i class="caret"></i>
                             </a>
                             <ul class="dropdown-menu">