From 71be2b06a8eaccd39ab3f5c68081d50b5a37b354 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Tue, 16 Feb 2016 14:27:05 -0800 Subject: [PATCH] Add Workboard UI Color to sidenav, fix fullscreen CSS Summary: Uses the background color changes to show also on the side nav. Places color on entire body so fullscreen doesn't show other body color. Test Plan: Review various workboard colors at normal and fullscreen Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15283 --- resources/celerity/map.php | 10 +++++----- .../PhabricatorProjectBoardViewController.php | 2 +- webroot/rsrc/css/phui/phui-profile-menu.css | 9 ++++++++- .../css/phui/workboards/phui-workboard-color.css | 12 ++++++++++++ 4 files changed, 26 insertions(+), 7 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 791572dac3..f1f53c7379 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ */ return array( 'names' => array( - 'core.pkg.css' => '7fd6b616', + 'core.pkg.css' => '7935f211', 'core.pkg.js' => 'd7daa6d8', 'darkconsole.pkg.js' => 'e7393ebb', 'differential.pkg.css' => '2de124c9', @@ -146,7 +146,7 @@ return array( 'rsrc/css/phui/phui-object-item-list-view.css' => '18b2ce8e', 'rsrc/css/phui/phui-pager.css' => 'bea33d23', 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', - 'rsrc/css/phui/phui-profile-menu.css' => 'f42bedb6', + 'rsrc/css/phui/phui-profile-menu.css' => '7e92a89a', 'rsrc/css/phui/phui-property-list-view.css' => '27b2849e', 'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591', 'rsrc/css/phui/phui-segment-bar-view.css' => '46342871', @@ -155,7 +155,7 @@ return array( 'rsrc/css/phui/phui-tag-view.css' => '9d5d4400', 'rsrc/css/phui/phui-timeline-view.css' => '2efceff8', 'rsrc/css/phui/phui-two-column-view.css' => 'c75bfc5b', - 'rsrc/css/phui/workboards/phui-workboard-color.css' => '2f068cc8', + 'rsrc/css/phui/workboards/phui-workboard-color.css' => 'ac6fe6a7', 'rsrc/css/phui/workboards/phui-workboard.css' => 'e6d89647', 'rsrc/css/phui/workboards/phui-workcard.css' => '3646fb96', 'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373', @@ -832,7 +832,7 @@ return array( 'phui-object-item-list-view-css' => '18b2ce8e', 'phui-pager-css' => 'bea33d23', 'phui-pinboard-view-css' => '2495140e', - 'phui-profile-menu-css' => 'f42bedb6', + 'phui-profile-menu-css' => '7e92a89a', 'phui-property-list-view-css' => '27b2849e', 'phui-remarkup-preview-css' => '1a8f2591', 'phui-segment-bar-view-css' => '46342871', @@ -842,7 +842,7 @@ return array( 'phui-theme-css' => 'ab7b848c', 'phui-timeline-view-css' => '2efceff8', 'phui-two-column-view-css' => 'c75bfc5b', - 'phui-workboard-color-css' => '2f068cc8', + 'phui-workboard-color-css' => 'ac6fe6a7', 'phui-workboard-view-css' => 'e6d89647', 'phui-workcard-view-css' => '3646fb96', 'phui-workpanel-view-css' => '92197373', diff --git a/src/applications/project/controller/PhabricatorProjectBoardViewController.php b/src/applications/project/controller/PhabricatorProjectBoardViewController.php index 9bc024c123..107d3dc0d0 100644 --- a/src/applications/project/controller/PhabricatorProjectBoardViewController.php +++ b/src/applications/project/controller/PhabricatorProjectBoardViewController.php @@ -456,7 +456,7 @@ final class PhabricatorProjectBoardViewController $background_color_class = "phui-workboard-{$background}"; $page->addClass('phui-workboard-color'); - $nav->addClass($background_color_class); + $page->addClass($background_color_class); } return $page; diff --git a/webroot/rsrc/css/phui/phui-profile-menu.css b/webroot/rsrc/css/phui/phui-profile-menu.css index 80e0c04691..30855f0a05 100644 --- a/webroot/rsrc/css/phui/phui-profile-menu.css +++ b/webroot/rsrc/css/phui/phui-profile-menu.css @@ -150,11 +150,18 @@ } .phui-profile-menu .phabricator-side-menu .phui-profile-menu-error { - color: {$greytext}; + color: rgba({$alphawhite}, 0.5); font-size: {$smallerfontsize}; padding: 18px 15px; } +.phui-profile-menu .phabricator-side-menu .phui-list-item-disabled + .phui-list-item-href, +.phui-profile-menu .phui-list-sidenav .phui-list-item-disabled + .phui-list-item-href { + color: rgba({$alphawhite}, 0.5); +} + .phui-profile-menu .phabricator-side-menu .phui-profile-segment-bar { color: {$menu.profile.text}; font-size: {$smallerfontsize}; diff --git a/webroot/rsrc/css/phui/workboards/phui-workboard-color.css b/webroot/rsrc/css/phui/workboards/phui-workboard-color.css index d7f95c841c..d983622a99 100644 --- a/webroot/rsrc/css/phui/workboards/phui-workboard-color.css +++ b/webroot/rsrc/css/phui/workboards/phui-workboard-color.css @@ -30,6 +30,18 @@ background-color: rgba({$alphawhite},.6); } +body.phui-workboard-color .phui-profile-menu .phabricator-side-menu { + background-color: rgba({$alphagrey},.3); +} + +body.phui-workboard-color .phabricator-side-menu .phui-profile-menu-footer-1 { + background-color: transparent; +} + +.phui-workboard-color .phui-profile-menu .phabricator-side-menu { + box-shadow: none; +} + .phui-workboard-color-preview { width: 50px; height: 50px;