Use text ellipsis on hovercard tags

Summary: Fixes T12326. Users can make really log tag titles, this forces ellipsis if it is too long.

Test Plan: Write a super long tag, see ellipisis. Test a small tag, see normal layout.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Maniphest Tasks: T12326

Differential Revision: https://secure.phabricator.com/D17486

Author: Chad Little

resources/celerity/map.php

@@ -96,7 +96,7 @@
     'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
     'rsrc/css/application/policy/policy.css' => '957ea14c',
     'rsrc/css/application/ponder/ponder-view.css' => 'fbd45f96',
-    'rsrc/css/application/project/project-card-view.css' => '77219296',
+    'rsrc/css/application/project/project-card-view.css' => 'e17bf825',
     'rsrc/css/application/project/project-view.css' => '792c9057',
     'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
     'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
@@ -905,7 +905,7 @@
     'policy-edit-css' => '815c66f7',
     'policy-transaction-detail-css' => '82100a43',
     'ponder-view-css' => 'fbd45f96',
-    'project-card-view-css' => '77219296',
+    'project-card-view-css' => 'e17bf825',
     'project-view-css' => '792c9057',
     'releeph-core' => '9b3c5733',
     'releeph-preview-branch' => 'b7a6f4a5',

webroot/rsrc/css/application/project/project-card-view.css

@@ -103,6 +103,14 @@
   margin-top: 8px;
 }
 
+.project-card-view .phui-header-subheader .phui-tag-core {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 232px;
+  overflow: hidden;
+  display: inline-block;
+}
+
 .project-card-view .phui-header-header .phui-tag-view .phui-tag-core {
   padding: 0;
 }