1
0
Fork 0
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:
Chad Little 2014-04-10 11:23:38 -07:00
parent 0fd12f9cad
commit 3018a5eb09
2 changed files with 20 additions and 6 deletions

View file

@ -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',

View file

@ -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.