From 12dbb62d18509161731ff4d5500aaa1b64e504a7 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Tue, 5 May 2015 12:46:13 -0700 Subject: [PATCH] Use ellipis on long hovercard headers Summary: This is a little cleaner than just cutting the title, like on Legalpad Hovercards Test Plan: Test a Legalpad hovercard. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12722 --- resources/celerity/map.php | 4 ++-- webroot/rsrc/css/layout/phabricator-hovercard-view.css | 7 +++++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 6a78fae4e3..903c0668b3 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -116,7 +116,7 @@ return array( 'rsrc/css/font/font-source-sans-pro.css' => '8906c07b', 'rsrc/css/font/phui-font-icon-base.css' => '3dad2ae3', 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', - 'rsrc/css/layout/phabricator-hovercard-view.css' => '44394670', + 'rsrc/css/layout/phabricator-hovercard-view.css' => 'f5f18f7d', 'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1db9e9c', 'rsrc/css/layout/phabricator-source-code-view.css' => '2ceee894', 'rsrc/css/phui/calendar/phui-calendar-day.css' => '75b8cc4a', @@ -734,7 +734,7 @@ return array( 'phabricator-filetree-view-css' => 'fccf9f82', 'phabricator-flag-css' => '5337623f', 'phabricator-hovercard' => '7e8468ae', - 'phabricator-hovercard-view-css' => '44394670', + 'phabricator-hovercard-view-css' => 'f5f18f7d', 'phabricator-keyboard-shortcut' => '1ae869f2', 'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 'phabricator-main-menu-view' => '663e3810', diff --git a/webroot/rsrc/css/layout/phabricator-hovercard-view.css b/webroot/rsrc/css/layout/phabricator-hovercard-view.css index 05d520fb97..60966d280e 100644 --- a/webroot/rsrc/css/layout/phabricator-hovercard-view.css +++ b/webroot/rsrc/css/layout/phabricator-hovercard-view.css @@ -29,6 +29,13 @@ border-bottom: 1px solid {$thinblueborder}; } +.phabricator-hovercard-head .phui-action-header-title { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 380px; +} + .phabricator-hovercard-head .phui-action-header { border-top-right-radius: 3px; border-top-left-radius: 3px;