1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-18 19:40:55 +01:00

Make taller tables the default for AphrontTableView

Summary: I considered at the time just making all tables taller. This removes the special casing and adds the space universally. On first glance all smaller tables look great, but Diffusion seems a little bloated. After a short time period though that went away for me. I do think Diffusion overall needs a UI refresh.

Test Plan: Tested numerous tables in Phortune, Diffusion, etc. Spacing feels more readable.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12328
This commit is contained in:
Chad Little 2015-04-08 08:38:15 -07:00
parent 13c0c3b850
commit 21f0ce7362
7 changed files with 14 additions and 34 deletions

View file

@ -7,13 +7,13 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => 'efa903e0', 'core.pkg.css' => '7d67693e',
'core.pkg.js' => '6a4f677f', 'core.pkg.js' => '6a4f677f',
'darkconsole.pkg.js' => '8ab24e01', 'darkconsole.pkg.js' => '8ab24e01',
'differential.pkg.css' => '3500921f', 'differential.pkg.css' => '3500921f',
'differential.pkg.js' => 'c0506961', 'differential.pkg.js' => 'c0506961',
'diffusion.pkg.css' => '591664fa', 'diffusion.pkg.css' => '591664fa',
'diffusion.pkg.js' => 'bfc0737b', 'diffusion.pkg.js' => '0115b37c',
'maniphest.pkg.css' => '68d4dd3d', 'maniphest.pkg.css' => '68d4dd3d',
'maniphest.pkg.js' => 'df4aa49f', 'maniphest.pkg.js' => 'df4aa49f',
'rsrc/css/aphront/aphront-bars.css' => '231ac33c', 'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
@ -26,7 +26,7 @@ return array(
'rsrc/css/aphront/pager-view.css' => '2e3539af', 'rsrc/css/aphront/pager-view.css' => '2e3539af',
'rsrc/css/aphront/panel-view.css' => '8427b78d', 'rsrc/css/aphront/panel-view.css' => '8427b78d',
'rsrc/css/aphront/phabricator-nav-view.css' => '7aeaf435', 'rsrc/css/aphront/phabricator-nav-view.css' => '7aeaf435',
'rsrc/css/aphront/table-view.css' => '3e77fefe', 'rsrc/css/aphront/table-view.css' => '59e2c0f8',
'rsrc/css/aphront/tokenizer.css' => '82ce2142', 'rsrc/css/aphront/tokenizer.css' => '82ce2142',
'rsrc/css/aphront/tooltip.css' => '7672b60f', 'rsrc/css/aphront/tooltip.css' => '7672b60f',
'rsrc/css/aphront/transaction.css' => 'bd9f9f6e', 'rsrc/css/aphront/transaction.css' => 'bd9f9f6e',
@ -380,7 +380,7 @@ return array(
'rsrc/js/application/diffusion/DiffusionLocateFileSource.js' => 'b42eddc7', 'rsrc/js/application/diffusion/DiffusionLocateFileSource.js' => 'b42eddc7',
'rsrc/js/application/diffusion/behavior-audit-preview.js' => 'd835b03a', 'rsrc/js/application/diffusion/behavior-audit-preview.js' => 'd835b03a',
'rsrc/js/application/diffusion/behavior-commit-branches.js' => 'bdaf4d04', 'rsrc/js/application/diffusion/behavior-commit-branches.js' => 'bdaf4d04',
'rsrc/js/application/diffusion/behavior-commit-graph.js' => 'f7f1289f', 'rsrc/js/application/diffusion/behavior-commit-graph.js' => '9007c197',
'rsrc/js/application/diffusion/behavior-jump-to.js' => '73d09eef', 'rsrc/js/application/diffusion/behavior-jump-to.js' => '73d09eef',
'rsrc/js/application/diffusion/behavior-load-blame.js' => '42126667', 'rsrc/js/application/diffusion/behavior-load-blame.js' => '42126667',
'rsrc/js/application/diffusion/behavior-locate-file.js' => '6d3e1947', 'rsrc/js/application/diffusion/behavior-locate-file.js' => '6d3e1947',
@ -505,7 +505,7 @@ return array(
'aphront-multi-column-view-css' => 'fd18389d', 'aphront-multi-column-view-css' => 'fd18389d',
'aphront-pager-view-css' => '2e3539af', 'aphront-pager-view-css' => '2e3539af',
'aphront-panel-view-css' => '8427b78d', 'aphront-panel-view-css' => '8427b78d',
'aphront-table-view-css' => '3e77fefe', 'aphront-table-view-css' => '59e2c0f8',
'aphront-tokenizer-control-css' => '82ce2142', 'aphront-tokenizer-control-css' => '82ce2142',
'aphront-tooltip-css' => '7672b60f', 'aphront-tooltip-css' => '7672b60f',
'aphront-two-column-view-css' => '16ab3ad2', 'aphront-two-column-view-css' => '16ab3ad2',
@ -579,7 +579,7 @@ return array(
'javelin-behavior-differential-toggle-files' => 'ca3f91eb', 'javelin-behavior-differential-toggle-files' => 'ca3f91eb',
'javelin-behavior-differential-user-select' => 'a8d8459d', 'javelin-behavior-differential-user-select' => 'a8d8459d',
'javelin-behavior-diffusion-commit-branches' => 'bdaf4d04', 'javelin-behavior-diffusion-commit-branches' => 'bdaf4d04',
'javelin-behavior-diffusion-commit-graph' => 'f7f1289f', 'javelin-behavior-diffusion-commit-graph' => '9007c197',
'javelin-behavior-diffusion-jump-to' => '73d09eef', 'javelin-behavior-diffusion-jump-to' => '73d09eef',
'javelin-behavior-diffusion-locate-file' => '6d3e1947', 'javelin-behavior-diffusion-locate-file' => '6d3e1947',
'javelin-behavior-diffusion-pull-lastmodified' => '2b228192', 'javelin-behavior-diffusion-pull-lastmodified' => '2b228192',
@ -1524,6 +1524,11 @@ return array(
'javelin-uri', 'javelin-uri',
'phabricator-notification', 'phabricator-notification',
), ),
'9007c197' => array(
'javelin-behavior',
'javelin-dom',
'javelin-stratcom',
),
'9414ff18' => array( '9414ff18' => array(
'javelin-behavior', 'javelin-behavior',
'javelin-resource', 'javelin-resource',
@ -1955,11 +1960,6 @@ return array(
'javelin-util', 'javelin-util',
'phabricator-shaped-request', 'phabricator-shaped-request',
), ),
'f7f1289f' => array(
'javelin-behavior',
'javelin-dom',
'javelin-stratcom',
),
'f7fc67ec' => array( 'f7fc67ec' => array(
'javelin-install', 'javelin-install',
'javelin-typeahead', 'javelin-typeahead',

View file

@ -55,7 +55,6 @@ final class PhortuneChargeTableView extends AphrontView {
} }
$table = id(new AphrontTableView($rows)) $table = id(new AphrontTableView($rows))
->setTallTable(true)
->setHeaders( ->setHeaders(
array( array(
pht('ID'), pht('ID'),

View file

@ -125,7 +125,6 @@ final class PhortuneOrderTableView extends AphrontView {
} }
$table = id(new AphrontTableView($rows)) $table = id(new AphrontTableView($rows))
->setTallTable(true)
->setNoDataString($this->getNoDataString()) ->setNoDataString($this->getNoDataString())
->setRowClasses($rowc) ->setRowClasses($rowc)
->setHeaders( ->setHeaders(

View file

@ -61,7 +61,6 @@ final class PhortuneSubscriptionTableView extends AphrontView {
} }
$table = id(new AphrontTableView($rows)) $table = id(new AphrontTableView($rows))
->setTallTable(true)
->setHeaders( ->setHeaders(
array( array(
pht('ID'), pht('ID'),

View file

@ -11,7 +11,6 @@ final class AphrontTableView extends AphrontView {
protected $zebraStripes = true; protected $zebraStripes = true;
protected $noDataString; protected $noDataString;
protected $className; protected $className;
protected $tallTable;
protected $columnVisibility = array(); protected $columnVisibility = array();
private $deviceVisibility = array(); private $deviceVisibility = array();
@ -76,11 +75,6 @@ final class AphrontTableView extends AphrontView {
return $this; return $this;
} }
public function setTallTable($tall) {
$this->tallTable = $tall;
return $this;
}
public function setShortHeaders(array $short_headers) { public function setShortHeaders(array $short_headers) {
$this->shortHeaders = $short_headers; $this->shortHeaders = $short_headers;
return $this; return $this;
@ -295,9 +289,6 @@ final class AphrontTableView extends AphrontView {
if ($this->className !== null) { if ($this->className !== null) {
$classes[] = $this->className; $classes[] = $this->className;
} }
if ($this->tallTable) {
$classes[] = 'aphront-tall-table-view';
}
if ($this->deviceReadyTable) { if ($this->deviceReadyTable) {
$classes[] = 'aphront-table-view-device-ready'; $classes[] = 'aphront-table-view-device-ready';
} }

View file

@ -95,21 +95,13 @@ th.aphront-table-view-sortable-selected {
*/ */
.aphront-table-view th { .aphront-table-view th {
padding: 8px 10px; padding: 10px 10px;
font-size: 13px; font-size: 13px;
} }
.aphront-table-view.aphront-tall-table-view th {
padding: 10px 10px;
}
.aphront-table-view td { .aphront-table-view td {
padding: 6px 10px;
font-size: 12px;
}
.aphront-table-view.aphront-tall-table-view td {
padding: 8px 10px; padding: 8px 10px;
font-size: 12px;
} }
.device-tablet .aphront-table-view td, .device-tablet .aphront-table-view td,

View file

@ -52,7 +52,7 @@ JX.behavior('diffusion-commit-graph', function(config) {
return (col * cell) + (cell / 2); return (col * cell) + (cell / 2);
}; };
var h = 26; var h = 30;
var w = cell * config.count; var w = cell * config.count;
var canvas = JX.$N('canvas', {width: w, height: h}); var canvas = JX.$N('canvas', {width: w, height: h});