From 0de15e9869edcc64bb1d8d62c53582af08ccd32f Mon Sep 17 00:00:00 2001 From: Chad Little Date: Tue, 19 May 2015 06:40:08 -0700 Subject: [PATCH] [Redesign] Better legibility on ObjectItemLists Summary: Ref T8099, slightly lighter font on titles, darker greys on bylines, icons Test Plan: Tested item lists in Maniphest, Differential, Audit Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12919 --- resources/celerity/map.php | 6 +++--- .../rsrc/css/phui/phui-object-item-list-view.css | 13 ++++++++----- 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index be78e68718..1ce8e63e66 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ */ return array( 'names' => array( - 'core.pkg.css' => '031b8d6d', + 'core.pkg.css' => '53df8459', 'core.pkg.js' => 'f3e08b38', 'darkconsole.pkg.js' => 'e7393ebb', 'differential.pkg.css' => 'bb338e4b', @@ -140,7 +140,7 @@ return array( 'rsrc/css/phui/phui-info-view.css' => '33595731', 'rsrc/css/phui/phui-list.css' => '2e25ebfb', 'rsrc/css/phui/phui-object-box.css' => '23e36d6b', - 'rsrc/css/phui/phui-object-item-list-view.css' => '4f72249b', + 'rsrc/css/phui/phui-object-item-list-view.css' => '7f99e759', 'rsrc/css/phui/phui-pinboard-view.css' => 'eaab2b1b', 'rsrc/css/phui/phui-property-list-view.css' => 'd2d143ea', 'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b', @@ -775,7 +775,7 @@ return array( 'phui-inline-comment-view-css' => '2174771a', 'phui-list-view-css' => '2e25ebfb', 'phui-object-box-css' => '23e36d6b', - 'phui-object-item-list-view-css' => '4f72249b', + 'phui-object-item-list-view-css' => '7f99e759', 'phui-pinboard-view-css' => 'eaab2b1b', 'phui-property-list-view-css' => 'd2d143ea', 'phui-remarkup-preview-css' => '19ad512b', diff --git a/webroot/rsrc/css/phui/phui-object-item-list-view.css b/webroot/rsrc/css/phui/phui-object-item-list-view.css index 368ff55b9c..00137b1279 100644 --- a/webroot/rsrc/css/phui/phui-object-item-list-view.css +++ b/webroot/rsrc/css/phui/phui-object-item-list-view.css @@ -73,7 +73,7 @@ ul.phui-object-item-list-view { } .phui-object-item-name { - font-weight: bold; + font-weight: 500; padding: 8px 8px 0; white-space: nowrap; word-wrap: break-word; @@ -84,6 +84,7 @@ ul.phui-object-item-list-view { .device-phone .phui-object-item-name { overflow: normal; white-space: normal; + font-weight: bold; } .phui-object-item-link { @@ -323,7 +324,7 @@ ul.phui-object-item-icons { .phui-object-item-icon { vertical-align: middle; font-size: 12px; - color: {$lightgreytext}; + color: {$greytext}; text-align: right; white-space: nowrap; overflow: hidden; @@ -437,7 +438,8 @@ ul.phui-object-item-icons { background: {$sh-yellowbackground}; } -.phui-object-item-highlighted .phui-object-item-frame { +ul.phui-object-item-list-view .phui-object-item-highlighted + .phui-object-item-frame { border-color: {$sh-yellowborder}; } @@ -445,7 +447,8 @@ ul.phui-object-item-icons { background: {$sh-bluebackground}; } -.phui-object-item-selected .phui-object-item-frame { +ul.phui-object-item-list-view .phui-object-item-selected + .phui-object-item-frame { border-color: {$sh-blueborder}; } @@ -525,7 +528,7 @@ ul.phui-object-item-icons { padding: 0 10px; margin: 4px 0 8px; font-size: 12px; - color: {$lightgreytext}; + color: {$greytext}; text-align: right; }