mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
Better mobile display of ObjectItemView
Summary: Makes the default 3 rows on mobile devices, with larger fonts. Differential/Audit is much better, Maniphest is maybe a sidegrade depending on setup. Test Plan: test maniphest, audit, differential list items. Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D8741
This commit is contained in:
parent
0fd12f9cad
commit
3018a5eb09
2 changed files with 20 additions and 6 deletions
|
@ -7,7 +7,7 @@
|
||||||
return array(
|
return array(
|
||||||
'names' =>
|
'names' =>
|
||||||
array(
|
array(
|
||||||
'core.pkg.css' => 'ab5dd633',
|
'core.pkg.css' => '1a07e64e',
|
||||||
'core.pkg.js' => 'c5b39816',
|
'core.pkg.js' => 'c5b39816',
|
||||||
'darkconsole.pkg.js' => 'ca8671ce',
|
'darkconsole.pkg.js' => 'ca8671ce',
|
||||||
'differential.pkg.css' => '12c11318',
|
'differential.pkg.css' => '12c11318',
|
||||||
|
@ -139,7 +139,7 @@ return array(
|
||||||
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
|
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
|
||||||
'rsrc/css/phui/phui-list.css' => 'ef8035b6',
|
'rsrc/css/phui/phui-list.css' => 'ef8035b6',
|
||||||
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
|
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
|
||||||
'rsrc/css/phui/phui-object-item-list-view.css' => 'bde610d2',
|
'rsrc/css/phui/phui-object-item-list-view.css' => '8b459abe',
|
||||||
'rsrc/css/phui/phui-pinboard-view.css' => '4b346c2a',
|
'rsrc/css/phui/phui-pinboard-view.css' => '4b346c2a',
|
||||||
'rsrc/css/phui/phui-property-list-view.css' => 'dbf53b12',
|
'rsrc/css/phui/phui-property-list-view.css' => 'dbf53b12',
|
||||||
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
|
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
|
||||||
|
@ -754,7 +754,7 @@ return array(
|
||||||
'phui-info-panel-css' => '27ea50a1',
|
'phui-info-panel-css' => '27ea50a1',
|
||||||
'phui-list-view-css' => 'ef8035b6',
|
'phui-list-view-css' => 'ef8035b6',
|
||||||
'phui-object-box-css' => 'ce92d8ec',
|
'phui-object-box-css' => 'ce92d8ec',
|
||||||
'phui-object-item-list-view-css' => 'bde610d2',
|
'phui-object-item-list-view-css' => '8b459abe',
|
||||||
'phui-pinboard-view-css' => '4b346c2a',
|
'phui-pinboard-view-css' => '4b346c2a',
|
||||||
'phui-property-list-view-css' => 'dbf53b12',
|
'phui-property-list-view-css' => 'dbf53b12',
|
||||||
'phui-remarkup-preview-css' => '19ad512b',
|
'phui-remarkup-preview-css' => '19ad512b',
|
||||||
|
|
|
@ -264,6 +264,13 @@
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.device-phone .phui-object-icon-pane {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.device-desktop .phui-object-item-with-icons
|
.device-desktop .phui-object-item-with-icons
|
||||||
.phui-object-item-content,
|
.phui-object-item-content,
|
||||||
.device-desktop .phui-object-item-with-handle-icons
|
.device-desktop .phui-object-item-with-handle-icons
|
||||||
|
@ -289,7 +296,7 @@
|
||||||
.phui-object-item-icon {
|
.phui-object-item-icon {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 11px;
|
font-size: 12px;
|
||||||
color: {$greytext};
|
color: {$greytext};
|
||||||
text-align: right;
|
text-align: right;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -489,14 +496,21 @@
|
||||||
float: right;
|
float: right;
|
||||||
clear: right;
|
clear: right;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
margin: 5px 0;
|
margin: 4px 0;
|
||||||
font-size: 11px;
|
font-size: 12px;
|
||||||
color: {$greytext};
|
color: {$greytext};
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.device-phone .phui-object-item-bylines {
|
||||||
|
float: none;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
/* - Card List -----------------------------------------------------------------
|
/* - Card List -----------------------------------------------------------------
|
||||||
|
|
||||||
Rounded card list.
|
Rounded card list.
|
||||||
|
|
Loading…
Reference in a new issue