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:
parent
4b6d6b794a
commit
09c12280ef
5 changed files with 24 additions and 16 deletions
|
@ -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',
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.device-phone .phui-info-view {
|
.device .phui-info-view {
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue