1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-03-22 09:10:09 +01:00

Adds a new 'setnobackground' panel class, implements in Differential / Diffusion.

Summary: Still working through basic re-design. Adds the ability to re-use panel view without the background.

Test Plan: Viewed Diffusion and Differential in Chrome, FF, Safari.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4430
This commit is contained in:
Chad Little 2013-01-14 16:40:04 -08:00
parent 24f5a28548
commit e2e890672a
9 changed files with 71 additions and 47 deletions

View file

@ -698,7 +698,7 @@ celerity_register_resource_map(array(
), ),
'aphront-panel-view-css' => 'aphront-panel-view-css' =>
array( array(
'uri' => '/res/77bb2527/rsrc/css/aphront/panel-view.css', 'uri' => '/res/91497368/rsrc/css/aphront/panel-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -2868,7 +2868,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-standard-page-view' => 'phabricator-standard-page-view' =>
array( array(
'uri' => '/res/395bbefe/rsrc/css/application/base/standard-page-view.css', 'uri' => '/res/e4e96b83/rsrc/css/application/base/standard-page-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3268,7 +3268,7 @@ celerity_register_resource_map(array(
), array( ), array(
'packages' => 'packages' =>
array( array(
'2fc52778' => 'b6d1f956' =>
array( array(
'name' => 'core.pkg.css', 'name' => 'core.pkg.css',
'symbols' => 'symbols' =>
@ -3313,7 +3313,7 @@ celerity_register_resource_map(array(
37 => 'phabricator-object-item-list-view-css', 37 => 'phabricator-object-item-list-view-css',
38 => 'global-drag-and-drop-css', 38 => 'global-drag-and-drop-css',
), ),
'uri' => '/res/pkg/2fc52778/core.pkg.css', 'uri' => '/res/pkg/b6d1f956/core.pkg.css',
'type' => 'css', 'type' => 'css',
), ),
'b239ff06' => 'b239ff06' =>
@ -3502,19 +3502,19 @@ celerity_register_resource_map(array(
'reverse' => 'reverse' =>
array( array(
'aphront-attached-file-view-css' => 'ac211174', 'aphront-attached-file-view-css' => 'ac211174',
'aphront-crumbs-view-css' => '2fc52778', 'aphront-crumbs-view-css' => 'b6d1f956',
'aphront-dialog-view-css' => '2fc52778', 'aphront-dialog-view-css' => 'b6d1f956',
'aphront-error-view-css' => '2fc52778', 'aphront-error-view-css' => 'b6d1f956',
'aphront-form-view-css' => '2fc52778', 'aphront-form-view-css' => 'b6d1f956',
'aphront-headsup-action-list-view-css' => '20933a11', 'aphront-headsup-action-list-view-css' => '20933a11',
'aphront-headsup-view-css' => '2fc52778', 'aphront-headsup-view-css' => 'b6d1f956',
'aphront-list-filter-view-css' => '2fc52778', 'aphront-list-filter-view-css' => 'b6d1f956',
'aphront-pager-view-css' => '2fc52778', 'aphront-pager-view-css' => 'b6d1f956',
'aphront-panel-view-css' => '2fc52778', 'aphront-panel-view-css' => 'b6d1f956',
'aphront-table-view-css' => '2fc52778', 'aphront-table-view-css' => 'b6d1f956',
'aphront-tokenizer-control-css' => '2fc52778', 'aphront-tokenizer-control-css' => 'b6d1f956',
'aphront-tooltip-css' => '2fc52778', 'aphront-tooltip-css' => 'b6d1f956',
'aphront-typeahead-control-css' => '2fc52778', 'aphront-typeahead-control-css' => 'b6d1f956',
'differential-changeset-view-css' => '20933a11', 'differential-changeset-view-css' => '20933a11',
'differential-core-view-css' => '20933a11', 'differential-core-view-css' => '20933a11',
'differential-inline-comment-editor' => 'bbd79ca2', 'differential-inline-comment-editor' => 'bbd79ca2',
@ -3528,7 +3528,7 @@ celerity_register_resource_map(array(
'differential-table-of-contents-css' => '20933a11', 'differential-table-of-contents-css' => '20933a11',
'diffusion-commit-view-css' => 'c8ce2d88', 'diffusion-commit-view-css' => 'c8ce2d88',
'diffusion-icons-css' => 'c8ce2d88', 'diffusion-icons-css' => 'c8ce2d88',
'global-drag-and-drop-css' => '2fc52778', 'global-drag-and-drop-css' => 'b6d1f956',
'inline-comment-summary-css' => '20933a11', 'inline-comment-summary-css' => '20933a11',
'javelin-aphlict' => 'b239ff06', 'javelin-aphlict' => 'b239ff06',
'javelin-behavior' => 'fbeded59', 'javelin-behavior' => 'fbeded59',
@ -3597,49 +3597,49 @@ celerity_register_resource_map(array(
'javelin-util' => 'fbeded59', 'javelin-util' => 'fbeded59',
'javelin-vector' => 'fbeded59', 'javelin-vector' => 'fbeded59',
'javelin-workflow' => 'fbeded59', 'javelin-workflow' => 'fbeded59',
'lightbox-attachment-css' => '2fc52778', 'lightbox-attachment-css' => 'b6d1f956',
'maniphest-task-summary-css' => 'ac211174', 'maniphest-task-summary-css' => 'ac211174',
'maniphest-transaction-detail-css' => 'ac211174', 'maniphest-transaction-detail-css' => 'ac211174',
'phabricator-app-buttons-css' => '2fc52778', 'phabricator-app-buttons-css' => 'b6d1f956',
'phabricator-busy' => 'b239ff06', 'phabricator-busy' => 'b239ff06',
'phabricator-content-source-view-css' => '20933a11', 'phabricator-content-source-view-css' => '20933a11',
'phabricator-core-buttons-css' => '2fc52778', 'phabricator-core-buttons-css' => 'b6d1f956',
'phabricator-core-css' => '2fc52778', 'phabricator-core-css' => 'b6d1f956',
'phabricator-crumbs-view-css' => '2fc52778', 'phabricator-crumbs-view-css' => 'b6d1f956',
'phabricator-directory-css' => '2fc52778', 'phabricator-directory-css' => 'b6d1f956',
'phabricator-drag-and-drop-file-upload' => 'bbd79ca2', 'phabricator-drag-and-drop-file-upload' => 'bbd79ca2',
'phabricator-dropdown-menu' => 'b239ff06', 'phabricator-dropdown-menu' => 'b239ff06',
'phabricator-file-upload' => 'b239ff06', 'phabricator-file-upload' => 'b239ff06',
'phabricator-filetree-view-css' => '2fc52778', 'phabricator-filetree-view-css' => 'b6d1f956',
'phabricator-flag-css' => '2fc52778', 'phabricator-flag-css' => 'b6d1f956',
'phabricator-form-view-css' => '2fc52778', 'phabricator-form-view-css' => 'b6d1f956',
'phabricator-header-view-css' => '2fc52778', 'phabricator-header-view-css' => 'b6d1f956',
'phabricator-jump-nav' => '2fc52778', 'phabricator-jump-nav' => 'b6d1f956',
'phabricator-keyboard-shortcut' => 'b239ff06', 'phabricator-keyboard-shortcut' => 'b239ff06',
'phabricator-keyboard-shortcut-manager' => 'b239ff06', 'phabricator-keyboard-shortcut-manager' => 'b239ff06',
'phabricator-main-menu-view' => '2fc52778', 'phabricator-main-menu-view' => 'b6d1f956',
'phabricator-menu-item' => 'b239ff06', 'phabricator-menu-item' => 'b239ff06',
'phabricator-nav-view-css' => '2fc52778', 'phabricator-nav-view-css' => 'b6d1f956',
'phabricator-notification' => 'b239ff06', 'phabricator-notification' => 'b239ff06',
'phabricator-notification-css' => '2fc52778', 'phabricator-notification-css' => 'b6d1f956',
'phabricator-notification-menu-css' => '2fc52778', 'phabricator-notification-menu-css' => 'b6d1f956',
'phabricator-object-item-list-view-css' => '2fc52778', 'phabricator-object-item-list-view-css' => 'b6d1f956',
'phabricator-object-selector-css' => '20933a11', 'phabricator-object-selector-css' => '20933a11',
'phabricator-paste-file-upload' => 'b239ff06', 'phabricator-paste-file-upload' => 'b239ff06',
'phabricator-prefab' => 'b239ff06', 'phabricator-prefab' => 'b239ff06',
'phabricator-project-tag-css' => 'ac211174', 'phabricator-project-tag-css' => 'ac211174',
'phabricator-remarkup-css' => '2fc52778', 'phabricator-remarkup-css' => 'b6d1f956',
'phabricator-shaped-request' => 'bbd79ca2', 'phabricator-shaped-request' => 'bbd79ca2',
'phabricator-side-menu-view-css' => '2fc52778', 'phabricator-side-menu-view-css' => 'b6d1f956',
'phabricator-standard-page-view' => '2fc52778', 'phabricator-standard-page-view' => 'b6d1f956',
'phabricator-textareautils' => 'b239ff06', 'phabricator-textareautils' => 'b239ff06',
'phabricator-tooltip' => 'b239ff06', 'phabricator-tooltip' => 'b239ff06',
'phabricator-transaction-view-css' => '2fc52778', 'phabricator-transaction-view-css' => 'b6d1f956',
'phabricator-zindex-css' => '2fc52778', 'phabricator-zindex-css' => 'b6d1f956',
'sprite-apps-large-css' => '2fc52778', 'sprite-apps-large-css' => 'b6d1f956',
'sprite-gradient-css' => '2fc52778', 'sprite-gradient-css' => 'b6d1f956',
'sprite-icon-css' => '2fc52778', 'sprite-icon-css' => 'b6d1f956',
'sprite-menu-css' => '2fc52778', 'sprite-menu-css' => 'b6d1f956',
'syntax-highlighting-css' => '2fc52778', 'syntax-highlighting-css' => 'b6d1f956',
), ),
)); ));

View file

@ -155,6 +155,7 @@ final class DifferentialRevisionListController extends DifferentialController {
if ($pager) { if ($pager) {
$panel->appendChild($pager); $panel->appendChild($pager);
} }
$panel->setNoBackground();
$panels[] = $panel; $panels[] = $panel;
} }
} }

View file

@ -66,6 +66,7 @@ final class DiffusionBrowseController extends DiffusionController {
$browse_panel = new AphrontPanelView(); $browse_panel = new AphrontPanelView();
$browse_panel->appendChild($browse_table); $browse_panel->appendChild($browse_table);
$browse_panel->setNoBackground();
$content[] = $browse_panel; $content[] = $browse_panel;
} }

View file

@ -75,6 +75,7 @@ final class DiffusionHistoryController extends DiffusionController {
$history_panel->addButton($button); $history_panel->addButton($button);
$history_panel->appendChild($history_table); $history_panel->appendChild($history_table);
$history_panel->appendChild($pager); $history_panel->appendChild($pager);
$history_panel->setNoBackground();
$content[] = $history_panel; $content[] = $history_panel;

View file

@ -199,6 +199,7 @@ final class DiffusionHomeController extends DiffusionController {
$panel = new AphrontPanelView(); $panel = new AphrontPanelView();
$panel->setHeader('Browse Repositories'); $panel->setHeader('Browse Repositories');
$panel->appendChild($table); $panel->appendChild($table);
$panel->setNoBackground();
$crumbs = $this->buildCrumbs(); $crumbs = $this->buildCrumbs();
$crumbs->addCrumb( $crumbs->addCrumb(

View file

@ -70,6 +70,7 @@ final class DiffusionRepositoryController extends DiffusionController {
$panel = new AphrontPanelView(); $panel = new AphrontPanelView();
$panel->setHeader("Recent Commits · {$all}"); $panel->setHeader("Recent Commits · {$all}");
$panel->appendChild($history_table); $panel->appendChild($history_table);
$panel->setNoBackground();
$content[] = $panel; $content[] = $panel;
@ -83,6 +84,7 @@ final class DiffusionRepositoryController extends DiffusionController {
$browse_panel = new AphrontPanelView(); $browse_panel = new AphrontPanelView();
$browse_panel->setHeader('Browse Repository'); $browse_panel->setHeader('Browse Repository');
$browse_panel->appendChild($browse_table); $browse_panel->appendChild($browse_table);
$browse_panel->setNoBackground();
$content[] = $browse_panel; $content[] = $browse_panel;
@ -138,6 +140,7 @@ final class DiffusionRepositoryController extends DiffusionController {
$panel = new AphrontPanelView(); $panel = new AphrontPanelView();
$panel->setHeader('Repository Properties'); $panel->setHeader('Repository Properties');
$panel->appendChild($table); $panel->appendChild($table);
$panel->setNoBackground();
return $panel; return $panel;
} }
@ -172,6 +175,7 @@ final class DiffusionRepositoryController extends DiffusionController {
$panel = new AphrontPanelView(); $panel = new AphrontPanelView();
$panel->setHeader('Branches'); $panel->setHeader('Branches');
$panel->setNoBackground();
if ($more_branches) { if ($more_branches) {
$panel->setCaption('Showing ' . $limit . ' branches.'); $panel->setCaption('Showing ' . $limit . ' branches.');

View file

@ -56,6 +56,11 @@ final class AphrontPanelView extends AphrontView {
return $this; return $this;
} }
public function setNoBackground() {
$this->classes[] = 'aphront-panel-plain';
return $this;
}
public function render() { public function render() {
if ($this->header !== null) { if ($this->header !== null) {
$header = '<h1>'.$this->header.'</h1>'; $header = '<h1>'.$this->header.'</h1>';

View file

@ -8,11 +8,17 @@
border: 1px solid #c0c0c0; border: 1px solid #c0c0c0;
border-width: 1px 0 0; border-width: 1px 0 0;
padding: 1em 2em; padding: 1em 2em;
margin: 1em 2em; margin: 20px 20px 40px 20px;
} }
.aphront-unpadded-panel-view { .aphront-unpadded-panel-view {
padding: 0px; padding: 0;
}
.aphront-panel-view.aphront-panel-plain {
padding: 0;
border: none;
background: transparent;
} }
.aphront-panel-view .aphront-panel-header { .aphront-panel-view .aphront-panel-header {
@ -20,11 +26,16 @@
} }
.aphront-panel-view h1 { .aphront-panel-view h1 {
font-size: 14px; font-size: 15px;
font-weight: bold; font-weight: bold;
color: #555;
padding: 4px 0 0 0; padding: 4px 0 0 0;
} }
.aphront-panel-plain h1 {
padding: 0 0 4px 0;
}
.aphront-panel-view-caption { .aphront-panel-view-caption {
font-size: 11px; font-size: 11px;
color: #666666; color: #666666;

View file

@ -19,7 +19,7 @@
.phabricator-page-foot { .phabricator-page-foot {
text-align: right; text-align: right;
margin: 2em; margin: 4em 2em;
border-top: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;
padding: .5em 1em; padding: .5em 1em;
font-size: 11px; font-size: 11px;