From f4e7860e70fe9c359a081892be07e1dfa960d633 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Sun, 25 May 2014 16:38:32 -0700 Subject: [PATCH] [Redesign] Sidenav, Crumbs, AppsNav Summary: First diff in the redesign branch, quick summary: - Use full tiles on apps - Shorten apps nav to standard sidebar width - Shorten Conpherence nav - Clean up styles around all navs - Clean up styles around Crumbs Test Plan: Viewed a number of pages on desktop, tablet and mobile. Will land in a redesign branch. Reviewers: epriestley, btrahan Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9296 --- resources/celerity/map.php | 10 +++++----- webroot/rsrc/css/aphront/phabricator-nav-view.css | 4 ++-- .../base/phabricator-application-launch-view.css | 4 ++++ 3 files changed, 11 insertions(+), 7 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 38cffae67b..3e3d588493 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ return array( 'names' => array( - 'core.pkg.css' => '4a6a4ebb', + 'core.pkg.css' => '989d0407', 'core.pkg.js' => '7db41c19', 'darkconsole.pkg.js' => 'ca8671ce', 'differential.pkg.css' => 'fbf57382', @@ -27,7 +27,7 @@ return array( 'rsrc/css/aphront/notification.css' => 'ef2c9b34', 'rsrc/css/aphront/pager-view.css' => '2e3539af', 'rsrc/css/aphront/panel-view.css' => '5846dfa2', - 'rsrc/css/aphront/phabricator-nav-view.css' => '8fd90754', + 'rsrc/css/aphront/phabricator-nav-view.css' => '9283c2df', 'rsrc/css/aphront/request-failure-view.css' => 'da14df31', 'rsrc/css/aphront/table-view.css' => '88e80148', 'rsrc/css/aphront/tokenizer.css' => '36903077', @@ -38,7 +38,7 @@ return array( 'rsrc/css/application/auth/auth.css' => '1e655982', 'rsrc/css/application/base/main-menu-view.css' => '5f0e9e05', 'rsrc/css/application/base/notification-menu.css' => '99ffef72', - 'rsrc/css/application/base/phabricator-application-launch-view.css' => '34472fe0', + 'rsrc/css/application/base/phabricator-application-launch-view.css' => '49268f00', 'rsrc/css/application/base/standard-page-view.css' => '517cdfb1', 'rsrc/css/application/chatlog/chatlog.css' => '852140ff', 'rsrc/css/application/config/config-options.css' => '7fedf08b', @@ -690,7 +690,7 @@ return array( 'people-profile-css' => 'ba7b2762', 'phabricator-action-header-view-css' => '33a4590a', 'phabricator-action-list-view-css' => '020d6dab', - 'phabricator-application-launch-view-css' => '34472fe0', + 'phabricator-application-launch-view-css' => '49268f00', 'phabricator-busy' => '6453c869', 'phabricator-chatlog-css' => '852140ff', 'phabricator-content-source-view-css' => '4b8b05d4', @@ -711,7 +711,7 @@ return array( 'phabricator-keyboard-shortcut' => '1ae869f2', 'phabricator-keyboard-shortcut-manager' => 'ad7a69ca', 'phabricator-main-menu-view' => '5f0e9e05', - 'phabricator-nav-view-css' => '8fd90754', + 'phabricator-nav-view-css' => '9283c2df', 'phabricator-notification' => '0c6946e7', 'phabricator-notification-css' => 'ef2c9b34', 'phabricator-notification-menu-css' => '99ffef72', diff --git a/webroot/rsrc/css/aphront/phabricator-nav-view.css b/webroot/rsrc/css/aphront/phabricator-nav-view.css index 97ff40a3f5..028e1cc5c5 100644 --- a/webroot/rsrc/css/aphront/phabricator-nav-view.css +++ b/webroot/rsrc/css/aphront/phabricator-nav-view.css @@ -23,8 +23,8 @@ element extend off the bottom of the screen to prevent this. */ bottom: -480px; width: 204px; - background: rgba(205, 207, 211, 0.5); - border-right: 1px solid rgba(205, 207, 211, 1); + background: #dbdde0; + border-right: 1px solid {$hovergrey}; } .phabricator-nav-column-background, diff --git a/webroot/rsrc/css/application/base/phabricator-application-launch-view.css b/webroot/rsrc/css/application/base/phabricator-application-launch-view.css index b2bbcc9db0..cf2acbdec3 100644 --- a/webroot/rsrc/css/application/base/phabricator-application-launch-view.css +++ b/webroot/rsrc/css/application/base/phabricator-application-launch-view.css @@ -51,6 +51,10 @@ div.phabricator-application-launch-container { text-decoration: none; } +.device-phone .phabricator-application-launch-container { + border-bottom: 1px solid {$hovergrey}; +} + .phabricator-application-launch-name { display: block; font-weight: bold;