From d8318089c85e5c58425e48ddbe7244031f7b6908 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@phacility.com>
Date: Tue, 18 Oct 2016 11:22:54 -0700
Subject: [PATCH] Fix super long topics in Conpherence header

Summary: Add some ellipsis if the topic is absurdly long.

Test Plan: desktop, mobile, tablet. MMMMMMMmmmMMMMMMmMMMmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D16718
---
 resources/celerity/map.php                               | 6 +++---
 webroot/rsrc/css/application/conpherence/header-pane.css | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 1cbecdaf99..bf8f0eed15 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'conpherence.pkg.css' => '49b8aaac',
+    'conpherence.pkg.css' => '6412a825',
     'conpherence.pkg.js' => 'cbe4d9be',
     'core.pkg.css' => 'b99bbf5e',
     'core.pkg.js' => '3eb7abf7',
@@ -47,7 +47,7 @@ return array(
     'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
     'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
     'rsrc/css/application/conpherence/durable-column.css' => 'd82e130c',
-    'rsrc/css/application/conpherence/header-pane.css' => 'e8acbd37',
+    'rsrc/css/application/conpherence/header-pane.css' => '1c81cda6',
     'rsrc/css/application/conpherence/menu.css' => '4f51db5a',
     'rsrc/css/application/conpherence/message-pane.css' => 'b80f1675',
     'rsrc/css/application/conpherence/notification.css' => '965db05b',
@@ -617,7 +617,7 @@ return array(
     'config-options-css' => '0ede4c9b',
     'config-page-css' => '8798e14f',
     'conpherence-durable-column-view' => 'd82e130c',
-    'conpherence-header-pane-css' => 'e8acbd37',
+    'conpherence-header-pane-css' => '1c81cda6',
     'conpherence-menu-css' => '4f51db5a',
     'conpherence-message-pane-css' => 'b80f1675',
     'conpherence-notification-css' => '965db05b',
diff --git a/webroot/rsrc/css/application/conpherence/header-pane.css b/webroot/rsrc/css/application/conpherence/header-pane.css
index a2f876ae5f..f181a1adb1 100644
--- a/webroot/rsrc/css/application/conpherence/header-pane.css
+++ b/webroot/rsrc/css/application/conpherence/header-pane.css
@@ -18,6 +18,9 @@
   padding: 0;
   font-size: 12px;
   margin: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .conpherence-header-pane .phui-header-col1 {
@@ -40,6 +43,11 @@
 
 .conpherence-header-pane .phui-header-col2 {
   height: 40px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 60%;
+  max-width: 0;
 }
 
 .conpherence-header-pane .phui-header-action-list .phui-header-action-item