revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-27 01:02:42 +01:00
Code Issues Releases Wiki Activity

[Redesign] Update Workboards

Browse source 
Summary: Ref T8099, Cleans up Workboard UI, fixes button icon spacing

Test Plan: Review workboards on desktop, mobile

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D13473
This commit is contained in:
Chad Little 2015-06-29 12:31:49 -07:00
parent 08ec0f1704
commit 10dd27cac9
7 changed files with 57 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => '5c21bf06', 'core.pkg.css' => 'a24d5624',
'core.pkg.js' => 'a590b451', 'core.pkg.js' => 'a590b451',
'darkconsole.pkg.js' => 'e7393ebb', 'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => '1b36e899', 'differential.pkg.css' => '1b36e899',
@ -36,7 +36,7 @@ return array(
'rsrc/css/application/base/main-menu-view.css' => '09265034', 'rsrc/css/application/base/main-menu-view.css' => '09265034',
'rsrc/css/application/base/notification-menu.css' => 'f31c0bde', 'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
'rsrc/css/application/base/phabricator-application-launch-view.css' => '077e63cb', 'rsrc/css/application/base/phabricator-application-launch-view.css' => '077e63cb',
'rsrc/css/application/base/phui-theme.css' => 'f54d2901', 'rsrc/css/application/base/phui-theme.css' => '6b451f24',
'rsrc/css/application/base/standard-page-view.css' => 'def344d6', 'rsrc/css/application/base/standard-page-view.css' => 'def344d6',
'rsrc/css/application/calendar/calendar-icon.css' => 'c69aa59f', 'rsrc/css/application/calendar/calendar-icon.css' => 'c69aa59f',
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020', 'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
@ -127,7 +127,7 @@ return array(
'rsrc/css/phui/phui-action-list.css' => '32c388b3', 'rsrc/css/phui/phui-action-list.css' => '32c388b3',
'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5', 'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
'rsrc/css/phui/phui-box.css' => 'a5bb366d', 'rsrc/css/phui/phui-box.css' => 'a5bb366d',
'rsrc/css/phui/phui-button.css' => '2520531d', 'rsrc/css/phui/phui-button.css' => 'cf7ca639',
'rsrc/css/phui/phui-crumbs-view.css' => 'ce840ec2', 'rsrc/css/phui/phui-crumbs-view.css' => 'ce840ec2',
'rsrc/css/phui/phui-document.css' => '3eb3b3e3', 'rsrc/css/phui/phui-document.css' => '3eb3b3e3',
'rsrc/css/phui/phui-feed-story.css' => 'c70d2dd9', 'rsrc/css/phui/phui-feed-story.css' => 'c70d2dd9',
@ -141,7 +141,7 @@ return array(
'rsrc/css/phui/phui-info-view.css' => '5b16bac6', 'rsrc/css/phui/phui-info-view.css' => '5b16bac6',
'rsrc/css/phui/phui-list.css' => '02ab3534', 'rsrc/css/phui/phui-list.css' => '02ab3534',
'rsrc/css/phui/phui-object-box.css' => '3db9f358', 'rsrc/css/phui/phui-object-box.css' => '3db9f358',
'rsrc/css/phui/phui-object-item-list-view.css' => '762ae15a', 'rsrc/css/phui/phui-object-item-list-view.css' => '2b126bca',
'rsrc/css/phui/phui-pager.css' => 'bea33d23', 'rsrc/css/phui/phui-pager.css' => 'bea33d23',
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
'rsrc/css/phui/phui-property-list-view.css' => '1baf23eb', 'rsrc/css/phui/phui-property-list-view.css' => '1baf23eb',
@ -151,8 +151,8 @@ return array(
'rsrc/css/phui/phui-tag-view.css' => '402691cc', 'rsrc/css/phui/phui-tag-view.css' => '402691cc',
'rsrc/css/phui/phui-text.css' => 'cf019f54', 'rsrc/css/phui/phui-text.css' => 'cf019f54',
'rsrc/css/phui/phui-timeline-view.css' => '47b18876', 'rsrc/css/phui/phui-timeline-view.css' => '47b18876',
'rsrc/css/phui/phui-workboard-view.css' => '0cac51a4', 'rsrc/css/phui/phui-workboard-view.css' => '935b19d6',
'rsrc/css/phui/phui-workpanel-view.css' => '4bdc2562', 'rsrc/css/phui/phui-workpanel-view.css' => '00558537',
'rsrc/css/sprite-login.css' => 'a3526809', 'rsrc/css/sprite-login.css' => 'a3526809',
'rsrc/css/sprite-main-header.css' => '37e05e50', 'rsrc/css/sprite-main-header.css' => '37e05e50',
'rsrc/css/sprite-menu.css' => 'fba663c3', 'rsrc/css/sprite-menu.css' => 'fba663c3',
@ -765,7 +765,7 @@ return array(
'phriction-document-css' => 'd1861e06', 'phriction-document-css' => 'd1861e06',
'phui-action-panel-css' => '3ee9afd5', 'phui-action-panel-css' => '3ee9afd5',
'phui-box-css' => 'a5bb366d', 'phui-box-css' => 'a5bb366d',
'phui-button-css' => '2520531d', 'phui-button-css' => 'cf7ca639',
'phui-calendar-css' => 'ccabe893', 'phui-calendar-css' => 'ccabe893',
'phui-calendar-day-css' => 'd1cf6f93', 'phui-calendar-day-css' => 'd1cf6f93',
'phui-calendar-list-css' => 'c1c7f338', 'phui-calendar-list-css' => 'c1c7f338',
@ -785,7 +785,7 @@ return array(
'phui-inline-comment-view-css' => 'fa5b8d1f', 'phui-inline-comment-view-css' => 'fa5b8d1f',
'phui-list-view-css' => '02ab3534', 'phui-list-view-css' => '02ab3534',
'phui-object-box-css' => '3db9f358', 'phui-object-box-css' => '3db9f358',
'phui-object-item-list-view-css' => '762ae15a', 'phui-object-item-list-view-css' => '2b126bca',
'phui-pager-css' => 'bea33d23', 'phui-pager-css' => 'bea33d23',
'phui-pinboard-view-css' => '2495140e', 'phui-pinboard-view-css' => '2495140e',
'phui-property-list-view-css' => '1baf23eb', 'phui-property-list-view-css' => '1baf23eb',
@ -794,10 +794,10 @@ return array(
'phui-status-list-view-css' => '888cedb8', 'phui-status-list-view-css' => '888cedb8',
'phui-tag-view-css' => '402691cc', 'phui-tag-view-css' => '402691cc',
'phui-text-css' => 'cf019f54', 'phui-text-css' => 'cf019f54',
'phui-theme-css' => 'f54d2901', 'phui-theme-css' => '6b451f24',
'phui-timeline-view-css' => '47b18876', 'phui-timeline-view-css' => '47b18876',
'phui-workboard-view-css' => '0cac51a4', 'phui-workboard-view-css' => '935b19d6',
'phui-workpanel-view-css' => '4bdc2562', 'phui-workpanel-view-css' => '00558537',
'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',

1
src/applications/project/controller/PhabricatorProjectBoardController.php
View file

@ -7,6 +7,7 @@ abstract class PhabricatorProjectBoardController
$id = $project->getID(); $id = $project->getID();
$nav = parent::buildIconNavView($project); $nav = parent::buildIconNavView($project);
$nav->selectFilter("board/{$id}/"); $nav->selectFilter("board/{$id}/");
$nav->addClass('project-board-nav');
return $nav; return $nav;
} }
} }

4
webroot/rsrc/css/application/base/phui-theme.css
View file

@ -93,3 +93,7 @@
.phui-theme-blindigo { .phui-theme-blindigo {
background-color: #F1F1F4; background-color: #F1F1F4;
} }
.phui-theme-blindigo .phui-workpanel-view .phui-header-shell {
background-color: #F1F1F4;
}

4
webroot/rsrc/css/phui/phui-button.css
View file

@ -255,12 +255,12 @@ a.policy-control .caret {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 6px; top: 6px;
left: 12px; left: 10px;
} }
.button.icon-last .phui-icon-view { .button.icon-last .phui-icon-view {
left: auto; left: auto;
right: 12px; right: 10px;
} }
.phui-button-bar .button .phui-icon-view { .phui-button-bar .button .phui-icon-view {

6
webroot/rsrc/css/phui/phui-object-item-list-view.css
View file

@ -559,13 +559,15 @@ ul.phui-object-item-list-view .phui-object-item-selected
.drag-ghost { .drag-ghost {
position: relative; position: relative;
background: {$lightgreybackground}; background: {$sh-indigobackground};
border-radius: 3px;
margin-bottom: 4px; margin-bottom: 4px;
border: 1px dashed {$sh-indigoborder};
} }
.drag-dragging { .drag-dragging {
position: relative; position: relative;
background: {$sh-bluebackground}; background: {$sh-yellowbackground};
opacity: 0.9; opacity: 0.9;
} }

27
webroot/rsrc/css/phui/phui-workboard-view.css
View file

@ -9,14 +9,14 @@
.device-desktop .phui-workboard-view-shadow { .device-desktop .phui-workboard-view-shadow {
overflow-x: auto; overflow-x: auto;
position: absolute; position: absolute;
top: 110px; top: 96px;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
} }
.device-desktop .page-has-warning .phui-workboard-view-shadow { .device-desktop .page-has-warning .phui-workboard-view-shadow {
top: 138px; top: 132px;
} }
.device-desktop.with-durable-column .phui-workboard-view-shadow { .device-desktop.with-durable-column .phui-workboard-view-shadow {
@ -99,8 +99,19 @@
margin-right: 8px; margin-right: 8px;
} }
.project-board-header {
background-color: #fff;
border-bottom: 1px solid {$lightblueborder};
padding: 12px;
}
.device .project-board-header {
padding: 0;
}
.project-board-header .phui-header-shell { .project-board-header .phui-header-shell {
padding: 20px 16px 20px 20px; padding: 0;
border-bottom: 1px solid {$blueborder};
} }
.device .project-board-header .phui-header-shell { .device .project-board-header .phui-header-shell {
@ -116,3 +127,13 @@
margin: 0; margin: 0;
padding: 0 8px; padding: 0 8px;
} }
.device-desktop .phabricator-icon-nav.project-board-nav
.phabricator-nav-local {
margin-top: 64px;
}
.device-desktop .phabricator-icon-nav.project-board-nav
.phabricator-nav-content {
margin: 0;
}

27
webroot/rsrc/css/phui/phui-workpanel-view.css
View file

@ -3,11 +3,10 @@
*/ */
.phui-workpanel-view .phui-header-shell { .phui-workpanel-view .phui-header-shell {
border: 1px solid {$lightblueborder}; padding: 16px 0 8px;
border-top-left-radius: 3px; border-color: {$lightgreyborder};
border-top-right-radius: 3px; width: 300px;
background-color: #fff; background-color: {$lightgreybackground};
padding: 8px;
} }
.phui-workpanel-view .phui-header-shell .phui-header-header { .phui-workpanel-view .phui-header-shell .phui-header-header {
@ -63,15 +62,11 @@
} }
.phui-workpanel-view .phui-workpanel-body { .phui-workpanel-view .phui-workpanel-body {
background: {$backdrop}; padding-top: 8px;
padding: 5px 5px 2px 5px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: inset 0 0px 5px rgba(0,0,0,.2);
} }
.phui-workpanel-view .phui-workpanel-footer-action a { .phui-workpanel-view .phui-workpanel-footer-action a {
color: #333; color: {$darkbluetext};
font-weight: bold; font-weight: bold;
} }
@ -91,7 +86,7 @@
display: inline-block; display: inline-block;
} }
.aphront-multi-column-fixed .phui-workpanel-body { .aphront-multi-column-fixed .phui-workpanel-view {
width: 300px; width: 300px;
} }
@ -109,10 +104,10 @@
} }
.project-panel-empty .phui-object-item-list-view { .project-panel-empty .phui-object-item-list-view {
background: rgba(255,255,255,.4); background: {$sh-indigobackground};
border-radius: 3px; border-radius: 3px;
margin-bottom: 4px; margin-bottom: 4px;
border: 1px dashed #fff; border: 1px dashed {$sh-indigoborder};
} }
.project-panel-empty .phui-object-item-list-view .drag-ghost { .project-panel-empty .phui-object-item-list-view .drag-ghost {
@ -123,12 +118,12 @@
background: rgba(255,255,255,.7); background: rgba(255,255,255,.7);
} }
.project-panel-over-limit .phui-header-view { .phui-workpanel-view.project-panel-over-limit .phui-header-header {
color: {$red}; color: {$red};
} }
.phui-workpanel-view.project-panel-over-limit .phui-header-shell { .phui-workpanel-view.project-panel-over-limit .phui-header-shell {
border-color: {$sh-redborder}; border-color: {$red};
} }
/* - Workpanel Cards ----------------------------------------------------------- /* - Workpanel Cards -----------------------------------------------------------