1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-16 01:31:06 +01:00

[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
This commit is contained in:
Chad Little 2015-05-31 07:54:48 -07:00
parent 2ec7cdcfba
commit 9baa965b86
5 changed files with 24 additions and 16 deletions

View file

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

View file

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

View file

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

View file

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

View file

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