From bd1d22baa21e84264b576c01814ad26bf3ad5b8a Mon Sep 17 00:00:00 2001 From: Chad Little Date: Mon, 14 Aug 2017 11:18:29 -0700 Subject: [PATCH] Touch up typeahead behavior in locate-file Summary: Uses `fire`, `underline`. Sets text that overflows to ellipsis. Test Plan: Test searching for CMS in Phabricator. Check other typeaheads, tokenizers. {F5098496} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18424 --- resources/celerity/map.php | 6 +++--- webroot/rsrc/css/aphront/typeahead.css | 6 +++++- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index fdb002f335..de5b571252 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -9,7 +9,7 @@ return array( 'names' => array( 'conpherence.pkg.css' => 'e68cf1fa', 'conpherence.pkg.js' => 'b5b51108', - 'core.pkg.css' => '038ad839', + 'core.pkg.css' => '03047373', 'core.pkg.js' => '5d80e0db', 'darkconsole.pkg.js' => '1f9a31bc', 'differential.pkg.css' => '45951e9e', @@ -36,7 +36,7 @@ return array( 'rsrc/css/aphront/tokenizer.css' => '15d5ff71', 'rsrc/css/aphront/tooltip.css' => '173b9431', 'rsrc/css/aphront/typeahead-browse.css' => 'f2818435', - 'rsrc/css/aphront/typeahead.css' => '4434bc8a', + 'rsrc/css/aphront/typeahead.css' => 'a4a21016', 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 'rsrc/css/application/auth/auth.css' => '0877ed6e', 'rsrc/css/application/base/main-menu-view.css' => '16053029', @@ -546,7 +546,7 @@ return array( 'aphront-table-view-css' => 'a3aa6910', 'aphront-tokenizer-control-css' => '15d5ff71', 'aphront-tooltip-css' => '173b9431', - 'aphront-typeahead-control-css' => '4434bc8a', + 'aphront-typeahead-control-css' => 'a4a21016', 'application-search-view-css' => '66ee5d46', 'auth-css' => '0877ed6e', 'bulk-job-css' => 'df9c1d4a', diff --git a/webroot/rsrc/css/aphront/typeahead.css b/webroot/rsrc/css/aphront/typeahead.css index 92970386bf..05fec1e70c 100644 --- a/webroot/rsrc/css/aphront/typeahead.css +++ b/webroot/rsrc/css/aphront/typeahead.css @@ -28,6 +28,9 @@ div.jx-typeahead-results a.jx-result { color: {$darkgreytext}; display: block; font-size: {$normalfontsize}; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } div.jx-typeahead-results a.jx-result + a.jx-result { @@ -68,7 +71,8 @@ div.jx-typeahead-results a.diffusion-locate-file { } .diffusion-locate-file strong { - color: {$blue}; + color: {$fire}; + text-decoration: underline; } .diffusion-locate-file .phui-icon-view {