[Redesign] Workboard headers / icons

Summary: Ref T8099, cleans up spacing, colors. Switched back to dropdown icon.

Test Plan: test headers in workpanels, conpherence

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D13080

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '72f566bb',
+    'core.pkg.css' => 'dac18977',
     'core.pkg.js' => 'fbf1d615',
     'darkconsole.pkg.js' => 'e7393ebb',
     'differential.pkg.css' => '7d01bee8',
@@ -134,7 +134,7 @@ return array(
     'rsrc/css/phui/phui-fontkit.css' => 'b664ac96',
     'rsrc/css/phui/phui-form-view.css' => 'a0e8f168',
     'rsrc/css/phui/phui-form.css' => 'f535f938',
-    'rsrc/css/phui/phui-header-view.css' => 'd7612da3',
+    'rsrc/css/phui/phui-header-view.css' => '7ad91dd2',
     'rsrc/css/phui/phui-icon.css' => '88ba9081',
     'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
@@ -151,7 +151,7 @@ return array(
     'rsrc/css/phui/phui-text.css' => 'cf019f54',
     'rsrc/css/phui/phui-timeline-view.css' => '8eaab66c',
     'rsrc/css/phui/phui-workboard-view.css' => '720efdde',
-    'rsrc/css/phui/phui-workpanel-view.css' => '015a0cab',
+    'rsrc/css/phui/phui-workpanel-view.css' => '01b6e9c6',
     'rsrc/css/sprite-login.css' => 'a3526809',
     'rsrc/css/sprite-menu.css' => 'ab8f6356',
     'rsrc/css/sprite-projects.css' => 'b0d9e24f',
@@ -769,7 +769,7 @@ return array(
     'phui-fontkit-css' => 'b664ac96',
     'phui-form-css' => 'f535f938',
     'phui-form-view-css' => 'a0e8f168',
-    'phui-header-view-css' => 'd7612da3',
+    'phui-header-view-css' => '7ad91dd2',
     'phui-icon-view-css' => '88ba9081',
     'phui-image-mask-css' => '5a8b09c8',
     'phui-info-panel-css' => '27ea50a1',
@@ -787,7 +787,7 @@ return array(
     'phui-text-css' => 'cf019f54',
     'phui-timeline-view-css' => '8eaab66c',
     'phui-workboard-view-css' => '720efdde',
-    'phui-workpanel-view-css' => '015a0cab',
+    'phui-workpanel-view-css' => '01b6e9c6',
     'phuix-action-list-view' => 'b5c256b8',
     'phuix-action-view' => '8cf6d262',
     'phuix-dropdown-menu' => 'bd4c8dca',

src/applications/project/controller/PhabricatorProjectBoardViewController.php

@@ -678,7 +678,7 @@ final class PhabricatorProjectBoardViewController
     }
 
     $column_button = id(new PHUIIconView())
-      ->setIconFont('fa-gear')
+      ->setIconFont('fa-caret-down')
       ->setHref('#')
       ->addSigil('boards-dropdown-menu')
       ->setMetadata(

src/view/phui/PHUIHeaderView.php

@@ -204,7 +204,7 @@ final class PHUIHeaderView extends AphrontTagView {
           $action_list[] = phutil_tag(
             'li',
             array(
-              'class' => 'phui-header-list-icon',
+              'class' => 'phui-header-action-icon',
             ),
             $icon);
         }
@@ -213,14 +213,14 @@ final class PHUIHeaderView extends AphrontTagView {
         $action_list[] = phutil_tag(
           'li',
           array(
-            'class' => 'phui-header-list-icon phui-header-tags',
+            'class' => 'phui-header-action-tag',
           ),
           array_interleave(' ', $this->tags));
       }
       $right[] = phutil_tag(
         'ul',
           array(
-            'class' => 'phui-header-icon-list',
+            'class' => 'phui-header-action-list',
           ),
           $action_list);
     }

webroot/rsrc/css/phui/phui-header-view.css

@@ -180,15 +180,22 @@ body .phui-header-shell.phui-bleed-header
   display: inline-block;
 }
 
-.phui-header-icon-list {
+.phui-header-action-list {
   float: right;
 }
 
-.phui-header-icon-list .phui-header-list-icon {
-  margin: 0 4px;
+.phui-header-action-list li {
+  margin: 0 0 0 8px;
   float: right;
 }
 
-.phui-header-icon-list .phui-header-list-icon .phui-icon-view {
-  font-size: 15px;
+.phui-header-action-list li.phui-header-action-icon {
+  height: 18px;
+  width: 16px;
+}
+
+.phui-header-action-list .phui-header-action-icon .phui-icon-view {
+  font-size: 16px;
+  line-height: 20px;
+  display: block;
 }

webroot/rsrc/css/phui/phui-workpanel-view.css

@@ -7,11 +7,12 @@
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   background-color: #fff;
+  padding: 8px;
 }
 
-.phui-workpanel-view .phui-header-shell {
-  padding: 8px;
+.phui-workpanel-view .phui-header-shell .phui-header-view {
   font-size: 14px;
+  color: {$darkbluetext};
 }
 
 .phui-workpanel-view .phui-header-shell .phui-header-subheader {