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:
parent
09c12280ef
commit
c371077bbe
3 changed files with 18 additions and 18 deletions
resources/celerity
src/view/phui
webroot/rsrc/css/phui
|
@ -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',
|
||||||
|
|
|
@ -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,
|
||||||
));
|
));
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue