mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-18 12:52:42 +01:00
Widen PHUIPropertyListView when ActionList isn't attached
Summary: This makes PHUIPropertyList display wider when an ActionList isn't present. Test Plan: Review Diff Details in a Diff. Test mobile and desktop layouts. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13568
This commit is contained in:
parent
d92f7a1473
commit
526aa48f8b
3 changed files with 15 additions and 6 deletions
|
@ -7,7 +7,7 @@
|
||||||
*/
|
*/
|
||||||
return array(
|
return array(
|
||||||
'names' => array(
|
'names' => array(
|
||||||
'core.pkg.css' => 'b394b5ce',
|
'core.pkg.css' => '15e557bc',
|
||||||
'core.pkg.js' => '47dc9ebb',
|
'core.pkg.js' => '47dc9ebb',
|
||||||
'darkconsole.pkg.js' => 'e7393ebb',
|
'darkconsole.pkg.js' => 'e7393ebb',
|
||||||
'differential.pkg.css' => '2de124c9',
|
'differential.pkg.css' => '2de124c9',
|
||||||
|
@ -141,7 +141,7 @@ return array(
|
||||||
'rsrc/css/phui/phui-object-item-list-view.css' => '26c30d3f',
|
'rsrc/css/phui/phui-object-item-list-view.css' => '26c30d3f',
|
||||||
'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' => '03904f6b',
|
'rsrc/css/phui/phui-property-list-view.css' => '27b2849e',
|
||||||
'rsrc/css/phui/phui-remarkup-preview.css' => '867f85b3',
|
'rsrc/css/phui/phui-remarkup-preview.css' => '867f85b3',
|
||||||
'rsrc/css/phui/phui-spacing.css' => '042804d6',
|
'rsrc/css/phui/phui-spacing.css' => '042804d6',
|
||||||
'rsrc/css/phui/phui-status.css' => '888cedb8',
|
'rsrc/css/phui/phui-status.css' => '888cedb8',
|
||||||
|
@ -792,7 +792,7 @@ return array(
|
||||||
'phui-object-item-list-view-css' => '26c30d3f',
|
'phui-object-item-list-view-css' => '26c30d3f',
|
||||||
'phui-pager-css' => 'bea33d23',
|
'phui-pager-css' => 'bea33d23',
|
||||||
'phui-pinboard-view-css' => '2495140e',
|
'phui-pinboard-view-css' => '2495140e',
|
||||||
'phui-property-list-view-css' => '03904f6b',
|
'phui-property-list-view-css' => '27b2849e',
|
||||||
'phui-remarkup-preview-css' => '867f85b3',
|
'phui-remarkup-preview-css' => '867f85b3',
|
||||||
'phui-spacing-css' => '042804d6',
|
'phui-spacing-css' => '042804d6',
|
||||||
'phui-status-list-view-css' => '888cedb8',
|
'phui-status-list-view-css' => '888cedb8',
|
||||||
|
|
|
@ -127,6 +127,7 @@ final class PHUIPropertyListView extends AphrontView {
|
||||||
// If we have an action list, make sure we render a property part, even
|
// If we have an action list, make sure we render a property part, even
|
||||||
// if there are no properties. Otherwise, the action list won't render.
|
// if there are no properties. Otherwise, the action list won't render.
|
||||||
if ($this->actionList) {
|
if ($this->actionList) {
|
||||||
|
$this->classes[] = 'phui-property-list-has-actions';
|
||||||
$have_property_part = false;
|
$have_property_part = false;
|
||||||
foreach ($this->parts as $part) {
|
foreach ($this->parts as $part) {
|
||||||
if ($part['type'] == 'property') {
|
if ($part['type'] == 'property') {
|
||||||
|
|
|
@ -43,7 +43,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.device-desktop .phui-property-list-key {
|
.device-desktop .phui-property-list-key {
|
||||||
width: 18%;
|
width: 12%;
|
||||||
margin-left: 1%;
|
margin-left: 1%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -51,6 +51,10 @@
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.device-desktop .phui-property-list-has-actions .phui-property-list-key {
|
||||||
|
width: 18%;
|
||||||
|
}
|
||||||
|
|
||||||
.phui-property-list-properties-wrap.phui-property-list-stacked {
|
.phui-property-list-properties-wrap.phui-property-list-stacked {
|
||||||
width: auto;
|
width: auto;
|
||||||
float: none;
|
float: none;
|
||||||
|
@ -71,12 +75,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.device-desktop .phui-property-list-value {
|
.device-desktop .phui-property-list-value {
|
||||||
width: 78%;
|
width: 84%;
|
||||||
margin-left: 1%;
|
margin-left: 1%;
|
||||||
float: left;
|
float: left;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.device-desktop .phui-property-list-has-actions .phui-property-list-value {
|
||||||
|
width: 78%;
|
||||||
|
}
|
||||||
|
|
||||||
.device .phui-property-list-value,
|
.device .phui-property-list-value,
|
||||||
.phui-property-list-stacked .phui-property-list-properties
|
.phui-property-list-stacked .phui-property-list-properties
|
||||||
.phui-property-list-value {
|
.phui-property-list-value {
|
||||||
|
@ -158,7 +166,7 @@
|
||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.phui-property-list-properties-wrap {
|
.phui-property-list-has-actions .phui-property-list-properties-wrap {
|
||||||
float: left;
|
float: left;
|
||||||
width: 78%;
|
width: 78%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue