[redesign] Use ellipses if app description is long
Summary: Truncate with CSS ellipses if the app description is longer than needed. (Can rework text as well) Test Plan: sandbox Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9349
This commit is contained in:
parent
ec4dc50f4e
commit
71060c4b6d
|
@ -7,7 +7,7 @@
|
||||||
return array(
|
return array(
|
||||||
'names' =>
|
'names' =>
|
||||||
array(
|
array(
|
||||||
'core.pkg.css' => '75154c20',
|
'core.pkg.css' => '32302948',
|
||||||
'core.pkg.js' => '7db41c19',
|
'core.pkg.js' => '7db41c19',
|
||||||
'darkconsole.pkg.js' => 'ca8671ce',
|
'darkconsole.pkg.js' => 'ca8671ce',
|
||||||
'differential.pkg.css' => 'fbf57382',
|
'differential.pkg.css' => 'fbf57382',
|
||||||
|
@ -38,7 +38,7 @@ return array(
|
||||||
'rsrc/css/application/auth/auth.css' => '1e655982',
|
'rsrc/css/application/auth/auth.css' => '1e655982',
|
||||||
'rsrc/css/application/base/main-menu-view.css' => '72d1d2ef',
|
'rsrc/css/application/base/main-menu-view.css' => '72d1d2ef',
|
||||||
'rsrc/css/application/base/notification-menu.css' => '8637a3db',
|
'rsrc/css/application/base/notification-menu.css' => '8637a3db',
|
||||||
'rsrc/css/application/base/phabricator-application-launch-view.css' => '137e794e',
|
'rsrc/css/application/base/phabricator-application-launch-view.css' => 'cb9f4db1',
|
||||||
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
|
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
|
||||||
'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
|
'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
|
||||||
'rsrc/css/application/config/config-options.css' => '7fedf08b',
|
'rsrc/css/application/config/config-options.css' => '7fedf08b',
|
||||||
|
@ -690,7 +690,7 @@ return array(
|
||||||
'people-profile-css' => 'ba7b2762',
|
'people-profile-css' => 'ba7b2762',
|
||||||
'phabricator-action-header-view-css' => '33a4590a',
|
'phabricator-action-header-view-css' => '33a4590a',
|
||||||
'phabricator-action-list-view-css' => 'dcbfc854',
|
'phabricator-action-list-view-css' => 'dcbfc854',
|
||||||
'phabricator-application-launch-view-css' => '137e794e',
|
'phabricator-application-launch-view-css' => 'cb9f4db1',
|
||||||
'phabricator-busy' => '6453c869',
|
'phabricator-busy' => '6453c869',
|
||||||
'phabricator-chatlog-css' => '852140ff',
|
'phabricator-chatlog-css' => '852140ff',
|
||||||
'phabricator-content-source-view-css' => '4b8b05d4',
|
'phabricator-content-source-view-css' => '4b8b05d4',
|
||||||
|
|
|
@ -64,9 +64,13 @@ div.phabricator-application-launch-container {
|
||||||
.phabricator-application-launch-description {
|
.phabricator-application-launch-description {
|
||||||
color: {$bluetext};
|
color: {$bluetext};
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
margin-top: 24px;
|
|
||||||
margin-left: 44px;
|
margin-left: 44px;
|
||||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
width: 150px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.phabricator-application-beta {
|
.phabricator-application-beta {
|
||||||
|
|
Loading…
Reference in a new issue