Shorten titles in Pholio

Summary: Shortens the titles to 24 characters. Will likely make the boards bigger than 240px at some point.

Test Plan: Tested normal phrases as well as MMMMMMMms. M's will break, but only slightly. Felt it was a fair tradeoff?

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Maniphest Tasks: T2660

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

src/__celerity_resource_map__.php

@@ -2880,7 +2880,7 @@ celerity_register_resource_map(array(
   ),
   'phabricator-pinboard-view-css' =>
   array(
-    'uri' => '/res/b5a7de33/rsrc/css/layout/phabricator-pinboard-view.css',
+    'uri' => '/res/c6af8d76/rsrc/css/layout/phabricator-pinboard-view.css',
     'type' => 'css',
     'requires' =>
     array(

src/applications/pholio/controller/PholioMockListController.php

@@ -66,7 +66,6 @@ final class PholioMockListController extends PholioController {
           'div',
           array(),
           pht('Created on %s', $datetime)));
-
       $board->addItem($item);
     }
 

webroot/rsrc/css/layout/phabricator-pinboard-view.css

@@ -14,8 +14,8 @@
   background: #ffffff;
   border-radius: 3px;
 
-  display: block;
   float: left;
+  width: 240px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
   text-align: left;
 }
@@ -29,9 +29,6 @@
 .device-phone .phabricator-pinboard-item-view {
   float: none;
   margin: 0 auto 10px;
-
-  /* NOTE: This needs to be changed if we use images other than 160px wide. */
-  width: 240px;
 }
 
 .phabricator-pinboard-item-header {
@@ -42,6 +39,8 @@
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   border-bottom: 1px solid #d5d9df;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .phabricator-pinboard-item-header a {