mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-18 11:30: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:
parent
13c0c3b850
commit
21f0ce7362
7 changed files with 14 additions and 34 deletions
|
@ -7,13 +7,13 @@
|
|||
*/
|
||||
return array(
|
||||
'names' => array(
|
||||
'core.pkg.css' => 'efa903e0',
|
||||
'core.pkg.css' => '7d67693e',
|
||||
'core.pkg.js' => '6a4f677f',
|
||||
'darkconsole.pkg.js' => '8ab24e01',
|
||||
'differential.pkg.css' => '3500921f',
|
||||
'differential.pkg.js' => 'c0506961',
|
||||
'diffusion.pkg.css' => '591664fa',
|
||||
'diffusion.pkg.js' => 'bfc0737b',
|
||||
'diffusion.pkg.js' => '0115b37c',
|
||||
'maniphest.pkg.css' => '68d4dd3d',
|
||||
'maniphest.pkg.js' => 'df4aa49f',
|
||||
'rsrc/css/aphront/aphront-bars.css' => '231ac33c',
|
||||
|
@ -26,7 +26,7 @@ return array(
|
|||
'rsrc/css/aphront/pager-view.css' => '2e3539af',
|
||||
'rsrc/css/aphront/panel-view.css' => '8427b78d',
|
||||
'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/tooltip.css' => '7672b60f',
|
||||
'rsrc/css/aphront/transaction.css' => 'bd9f9f6e',
|
||||
|
@ -380,7 +380,7 @@ return array(
|
|||
'rsrc/js/application/diffusion/DiffusionLocateFileSource.js' => 'b42eddc7',
|
||||
'rsrc/js/application/diffusion/behavior-audit-preview.js' => 'd835b03a',
|
||||
'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-load-blame.js' => '42126667',
|
||||
'rsrc/js/application/diffusion/behavior-locate-file.js' => '6d3e1947',
|
||||
|
@ -505,7 +505,7 @@ return array(
|
|||
'aphront-multi-column-view-css' => 'fd18389d',
|
||||
'aphront-pager-view-css' => '2e3539af',
|
||||
'aphront-panel-view-css' => '8427b78d',
|
||||
'aphront-table-view-css' => '3e77fefe',
|
||||
'aphront-table-view-css' => '59e2c0f8',
|
||||
'aphront-tokenizer-control-css' => '82ce2142',
|
||||
'aphront-tooltip-css' => '7672b60f',
|
||||
'aphront-two-column-view-css' => '16ab3ad2',
|
||||
|
@ -579,7 +579,7 @@ return array(
|
|||
'javelin-behavior-differential-toggle-files' => 'ca3f91eb',
|
||||
'javelin-behavior-differential-user-select' => 'a8d8459d',
|
||||
'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-locate-file' => '6d3e1947',
|
||||
'javelin-behavior-diffusion-pull-lastmodified' => '2b228192',
|
||||
|
@ -1524,6 +1524,11 @@ return array(
|
|||
'javelin-uri',
|
||||
'phabricator-notification',
|
||||
),
|
||||
'9007c197' => array(
|
||||
'javelin-behavior',
|
||||
'javelin-dom',
|
||||
'javelin-stratcom',
|
||||
),
|
||||
'9414ff18' => array(
|
||||
'javelin-behavior',
|
||||
'javelin-resource',
|
||||
|
@ -1955,11 +1960,6 @@ return array(
|
|||
'javelin-util',
|
||||
'phabricator-shaped-request',
|
||||
),
|
||||
'f7f1289f' => array(
|
||||
'javelin-behavior',
|
||||
'javelin-dom',
|
||||
'javelin-stratcom',
|
||||
),
|
||||
'f7fc67ec' => array(
|
||||
'javelin-install',
|
||||
'javelin-typeahead',
|
||||
|
|
|
@ -55,7 +55,6 @@ final class PhortuneChargeTableView extends AphrontView {
|
|||
}
|
||||
|
||||
$table = id(new AphrontTableView($rows))
|
||||
->setTallTable(true)
|
||||
->setHeaders(
|
||||
array(
|
||||
pht('ID'),
|
||||
|
|
|
@ -125,7 +125,6 @@ final class PhortuneOrderTableView extends AphrontView {
|
|||
}
|
||||
|
||||
$table = id(new AphrontTableView($rows))
|
||||
->setTallTable(true)
|
||||
->setNoDataString($this->getNoDataString())
|
||||
->setRowClasses($rowc)
|
||||
->setHeaders(
|
||||
|
|
|
@ -61,7 +61,6 @@ final class PhortuneSubscriptionTableView extends AphrontView {
|
|||
}
|
||||
|
||||
$table = id(new AphrontTableView($rows))
|
||||
->setTallTable(true)
|
||||
->setHeaders(
|
||||
array(
|
||||
pht('ID'),
|
||||
|
|
|
@ -11,7 +11,6 @@ final class AphrontTableView extends AphrontView {
|
|||
protected $zebraStripes = true;
|
||||
protected $noDataString;
|
||||
protected $className;
|
||||
protected $tallTable;
|
||||
protected $columnVisibility = array();
|
||||
private $deviceVisibility = array();
|
||||
|
||||
|
@ -76,11 +75,6 @@ final class AphrontTableView extends AphrontView {
|
|||
return $this;
|
||||
}
|
||||
|
||||
public function setTallTable($tall) {
|
||||
$this->tallTable = $tall;
|
||||
return $this;
|
||||
}
|
||||
|
||||
public function setShortHeaders(array $short_headers) {
|
||||
$this->shortHeaders = $short_headers;
|
||||
return $this;
|
||||
|
@ -295,9 +289,6 @@ final class AphrontTableView extends AphrontView {
|
|||
if ($this->className !== null) {
|
||||
$classes[] = $this->className;
|
||||
}
|
||||
if ($this->tallTable) {
|
||||
$classes[] = 'aphront-tall-table-view';
|
||||
}
|
||||
if ($this->deviceReadyTable) {
|
||||
$classes[] = 'aphront-table-view-device-ready';
|
||||
}
|
||||
|
|
|
@ -95,21 +95,13 @@ th.aphront-table-view-sortable-selected {
|
|||
*/
|
||||
|
||||
.aphront-table-view th {
|
||||
padding: 8px 10px;
|
||||
padding: 10px 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.aphront-table-view.aphront-tall-table-view th {
|
||||
padding: 10px 10px;
|
||||
}
|
||||
|
||||
.aphront-table-view td {
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.aphront-table-view.aphront-tall-table-view td {
|
||||
padding: 8px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.device-tablet .aphront-table-view td,
|
||||
|
|
|
@ -52,7 +52,7 @@ JX.behavior('diffusion-commit-graph', function(config) {
|
|||
return (col * cell) + (cell / 2);
|
||||
};
|
||||
|
||||
var h = 26;
|
||||
var h = 30;
|
||||
var w = cell * config.count;
|
||||
|
||||
var canvas = JX.$N('canvas', {width: w, height: h});
|
||||
|
|
Loading…
Reference in a new issue