1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-30 17:30:59 +01:00

[Redesign] Thinner PHUIPinboardItemView

Summary: Ref T8099, Cleaner, thinner layout for PHUIPinboardItemView. Removes inner padding, cleans UI by putting title underneath image.

Test Plan:
Review Macro, Pholio, Dashboards with Pholio

{F422185}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8099

Differential Revision: https://secure.phabricator.com/D12987
This commit is contained in:
Chad Little 2015-05-24 08:06:10 -07:00
parent 09c12280ef
commit c371077bbe
3 changed files with 18 additions and 18 deletions
resources/celerity
src/view/phui
webroot/rsrc/css/phui

View file

@ -142,7 +142,7 @@ return array(
'rsrc/css/phui/phui-list.css' => 'e448b6ba', 'rsrc/css/phui/phui-list.css' => 'e448b6ba',
'rsrc/css/phui/phui-object-box.css' => 'e3441f90', 'rsrc/css/phui/phui-object-box.css' => 'e3441f90',
'rsrc/css/phui/phui-object-item-list-view.css' => '8538712d', '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' => '55b27bc3',
'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',
'rsrc/css/phui/phui-spacing.css' => '042804d6', 'rsrc/css/phui/phui-spacing.css' => '042804d6',
@ -778,7 +778,7 @@ return array(
'phui-list-view-css' => 'e448b6ba', 'phui-list-view-css' => 'e448b6ba',
'phui-object-box-css' => 'e3441f90', 'phui-object-box-css' => 'e3441f90',
'phui-object-item-list-view-css' => '8538712d', 'phui-object-item-list-view-css' => '8538712d',
'phui-pinboard-view-css' => '22891c15', 'phui-pinboard-view-css' => '55b27bc3',
'phui-property-list-view-css' => 'd2d143ea', 'phui-property-list-view-css' => 'd2d143ea',
'phui-remarkup-preview-css' => '19ad512b', 'phui-remarkup-preview-css' => '19ad512b',
'phui-spacing-css' => '042804d6', 'phui-spacing-css' => '042804d6',

View file

@ -121,8 +121,8 @@ final class PHUIPinboardItemView extends AphrontView {
'class' => implode(' ', $classes), 'class' => implode(' ', $classes),
), ),
array( array(
$header,
$image, $image,
$header,
$content, $content,
$icons, $icons,
)); ));

View file

@ -5,7 +5,10 @@
.phui-pinboard-view { .phui-pinboard-view {
padding: 8px 0 16px 16px; padding: 8px 0 16px 16px;
overflow: hidden; overflow: hidden;
margin: 12px 0; }
.dashboard-pane .phui-pinboard-view {
padding: 16px 8px;
} }
.device-phone .phui-pinboard-view { .device-phone .phui-pinboard-view {
@ -14,11 +17,11 @@
.phui-pinboard-item-view { .phui-pinboard-item-view {
margin: 0 12px 16px 0; margin: 0 12px 16px 0;
background: #ffffff;
border-radius: 3px;
border: 1px solid {$lightblueborder};
text-align: left; text-align: left;
width: 288px; width: 280px;
background: #fff;
border: 1px solid {$lightblueborder};
border-radius: 3px;
} }
.phui-pinboard-view .phui-pinboard-item-view { .phui-pinboard-view .phui-pinboard-item-view {
@ -43,11 +46,9 @@
padding: 6px 8px; padding: 6px 8px;
display: block; display: block;
font-weight: bold; font-weight: bold;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: 1px solid {$thinblueborder};
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
border-top: 1px solid {$thinblueborder};
} }
.phui-pinboard-item-header a { .phui-pinboard-item-header a {
@ -55,22 +56,21 @@
} }
.phui-pinboard-item-image-link { .phui-pinboard-item-image-link {
padding: 8px 4px;
display: block; display: block;
} }
.phui-pinboard-item-image-link img {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.phui-pinboard-item-content { .phui-pinboard-item-content {
padding: 8px; padding: 0 8px 8px;
overflow: hidden; overflow: hidden;
color: {$bluetext}; color: {$bluetext};
font-size: 12px; font-size: 12px;
} }
.phui-pinboard-item-content + .phui-pinboard-icons,
.phui-pinboard-item-image-link + .phui-pinboard-icons {
border-top: 1px solid {$thinblueborder};
}
.phui-pinboard-item-count { .phui-pinboard-item-count {
float: left; float: left;
margin-left: 8px; margin-left: 8px;