1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-18 12:52:42 +01:00

[Redesign] Better icon spacing for PHUIObjectListItem

Summary:
Ref T8099, Improve hit area for new icon, tweaks grippable spacing and app icon spacing.

Also Tablet layout updates

Test Plan: Test Maniphest home, Pinning apps, Dashboards

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D12986
This commit is contained in:
Chad Little 2015-05-23 11:01:29 -07:00
parent 4b6d6b794a
commit 09c12280ef
5 changed files with 24 additions and 16 deletions

View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => '979f9a16', 'core.pkg.css' => '341abbd5',
'core.pkg.js' => '9db3e620', 'core.pkg.js' => '9db3e620',
'darkconsole.pkg.js' => 'e7393ebb', 'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => 'bb338e4b', 'differential.pkg.css' => 'bb338e4b',
@ -138,10 +138,10 @@ return array(
'rsrc/css/phui/phui-icon.css' => '88ba9081', 'rsrc/css/phui/phui-icon.css' => '88ba9081',
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8', 'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1', 'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
'rsrc/css/phui/phui-info-view.css' => '33595731', 'rsrc/css/phui/phui-info-view.css' => '33e54618',
'rsrc/css/phui/phui-list.css' => 'e448b6ba', 'rsrc/css/phui/phui-list.css' => 'e448b6ba',
'rsrc/css/phui/phui-object-box.css' => 'b9d566e3', 'rsrc/css/phui/phui-object-box.css' => 'e3441f90',
'rsrc/css/phui/phui-object-item-list-view.css' => '2032bf8b', 'rsrc/css/phui/phui-object-item-list-view.css' => '8538712d',
'rsrc/css/phui/phui-pinboard-view.css' => '22891c15', 'rsrc/css/phui/phui-pinboard-view.css' => '22891c15',
'rsrc/css/phui/phui-property-list-view.css' => 'd2d143ea', 'rsrc/css/phui/phui-property-list-view.css' => 'd2d143ea',
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b', 'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
@ -149,7 +149,7 @@ return array(
'rsrc/css/phui/phui-status.css' => '888cedb8', 'rsrc/css/phui/phui-status.css' => '888cedb8',
'rsrc/css/phui/phui-tag-view.css' => '402691cc', 'rsrc/css/phui/phui-tag-view.css' => '402691cc',
'rsrc/css/phui/phui-text.css' => 'cf019f54', 'rsrc/css/phui/phui-text.css' => 'cf019f54',
'rsrc/css/phui/phui-timeline-view.css' => 'a85542c8', 'rsrc/css/phui/phui-timeline-view.css' => '8eaab66c',
'rsrc/css/phui/phui-workboard-view.css' => 'd39ec91e', 'rsrc/css/phui/phui-workboard-view.css' => 'd39ec91e',
'rsrc/css/phui/phui-workpanel-view.css' => '015a0cab', 'rsrc/css/phui/phui-workpanel-view.css' => '015a0cab',
'rsrc/css/sprite-login.css' => 'a3526809', 'rsrc/css/sprite-login.css' => 'a3526809',
@ -773,11 +773,11 @@ return array(
'phui-icon-view-css' => '88ba9081', 'phui-icon-view-css' => '88ba9081',
'phui-image-mask-css' => '5a8b09c8', 'phui-image-mask-css' => '5a8b09c8',
'phui-info-panel-css' => '27ea50a1', 'phui-info-panel-css' => '27ea50a1',
'phui-info-view-css' => '33595731', 'phui-info-view-css' => '33e54618',
'phui-inline-comment-view-css' => '2174771a', 'phui-inline-comment-view-css' => '2174771a',
'phui-list-view-css' => 'e448b6ba', 'phui-list-view-css' => 'e448b6ba',
'phui-object-box-css' => 'b9d566e3', 'phui-object-box-css' => 'e3441f90',
'phui-object-item-list-view-css' => '2032bf8b', 'phui-object-item-list-view-css' => '8538712d',
'phui-pinboard-view-css' => '22891c15', 'phui-pinboard-view-css' => '22891c15',
'phui-property-list-view-css' => 'd2d143ea', 'phui-property-list-view-css' => 'd2d143ea',
'phui-remarkup-preview-css' => '19ad512b', 'phui-remarkup-preview-css' => '19ad512b',
@ -785,7 +785,7 @@ return array(
'phui-status-list-view-css' => '888cedb8', 'phui-status-list-view-css' => '888cedb8',
'phui-tag-view-css' => '402691cc', 'phui-tag-view-css' => '402691cc',
'phui-text-css' => 'cf019f54', 'phui-text-css' => 'cf019f54',
'phui-timeline-view-css' => 'a85542c8', 'phui-timeline-view-css' => '8eaab66c',
'phui-workboard-view-css' => 'd39ec91e', 'phui-workboard-view-css' => 'd39ec91e',
'phui-workpanel-view-css' => '015a0cab', 'phui-workpanel-view-css' => '015a0cab',
'phuix-action-list-view' => 'b5c256b8', 'phuix-action-list-view' => 'b5c256b8',

View file

@ -10,7 +10,7 @@
border-radius: 3px; border-radius: 3px;
} }
.device-phone .phui-info-view { .device .phui-info-view {
margin: 8px; margin: 8px;
} }

View file

@ -48,6 +48,10 @@ div.phui-object-box.phui-object-box-flush {
padding-bottom: 8px; padding-bottom: 8px;
} }
.device-tablet .phui-object-box {
margin: 8px 8px 0 8px;
}
/* - Object Box Colors ------------------------------------------------------ */ /* - Object Box Colors ------------------------------------------------------ */
.phui-box-border.phui-object-box-green { .phui-box-border.phui-object-box-green {

View file

@ -68,7 +68,7 @@ ul.phui-object-item-list-view {
.phui-object-item-status-icon { .phui-object-item-status-icon {
font-weight: bold; font-weight: bold;
padding: 0 8px; padding: 3px;
font-size: 16px; font-size: 16px;
} }
@ -115,7 +115,7 @@ ul.phui-object-item-list-view {
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 17px; width: 16px;
background: url('/rsrc/image/texture/grip.png') center center no-repeat; background: url('/rsrc/image/texture/grip.png') center center no-repeat;
} }
@ -124,7 +124,7 @@ ul.phui-object-item-list-view {
} }
.phui-object-item-grippable .phui-object-item-frame { .phui-object-item-grippable .phui-object-item-frame {
padding-left: 11px; padding-left: 16px;
} }
.device .phui-object-item-grippable .phui-object-item-frame { .device .phui-object-item-grippable .phui-object-item-frame {
@ -147,7 +147,7 @@ ul.phui-object-item-list-view {
} }
.phui-object-item-col0 { .phui-object-item-col0 {
width: 24px; width: 20px;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
@ -673,7 +673,7 @@ ul.phui-object-item-list-view .phui-object-item-selected
.phui-object-item-image-icon { .phui-object-item-image-icon {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 4px; margin: 4px 0;
position: absolute; position: absolute;
} }

View file

@ -9,8 +9,12 @@
background-position: 94px; background-position: 94px;
} }
.device .phui-timeline-view {
padding: 0 8px;
}
.device-tablet .phui-timeline-view { .device-tablet .phui-timeline-view {
background-position: 31px; background-position: 24px;
} }
.device-phone .phui-timeline-view { .device-phone .phui-timeline-view {