diff --git a/resources/celerity/map.php b/resources/celerity/map.php index a38f56fa87..9f6639caa0 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -142,7 +142,7 @@ return array( 'rsrc/css/phui/phui-list.css' => 'e448b6ba', 'rsrc/css/phui/phui-object-box.css' => 'e3441f90', '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-remarkup-preview.css' => '19ad512b', 'rsrc/css/phui/phui-spacing.css' => '042804d6', @@ -778,7 +778,7 @@ return array( 'phui-list-view-css' => 'e448b6ba', 'phui-object-box-css' => 'e3441f90', 'phui-object-item-list-view-css' => '8538712d', - 'phui-pinboard-view-css' => '22891c15', + 'phui-pinboard-view-css' => '55b27bc3', 'phui-property-list-view-css' => 'd2d143ea', 'phui-remarkup-preview-css' => '19ad512b', 'phui-spacing-css' => '042804d6', diff --git a/src/view/phui/PHUIPinboardItemView.php b/src/view/phui/PHUIPinboardItemView.php index aba1727981..d3f61fe54b 100644 --- a/src/view/phui/PHUIPinboardItemView.php +++ b/src/view/phui/PHUIPinboardItemView.php @@ -121,8 +121,8 @@ final class PHUIPinboardItemView extends AphrontView { 'class' => implode(' ', $classes), ), array( - $header, $image, + $header, $content, $icons, )); diff --git a/webroot/rsrc/css/phui/phui-pinboard-view.css b/webroot/rsrc/css/phui/phui-pinboard-view.css index 29fa51b349..f7f3c08983 100644 --- a/webroot/rsrc/css/phui/phui-pinboard-view.css +++ b/webroot/rsrc/css/phui/phui-pinboard-view.css @@ -5,7 +5,10 @@ .phui-pinboard-view { padding: 8px 0 16px 16px; overflow: hidden; - margin: 12px 0; +} + +.dashboard-pane .phui-pinboard-view { + padding: 16px 8px; } .device-phone .phui-pinboard-view { @@ -14,11 +17,11 @@ .phui-pinboard-item-view { margin: 0 12px 16px 0; - background: #ffffff; - border-radius: 3px; - border: 1px solid {$lightblueborder}; text-align: left; - width: 288px; + width: 280px; + background: #fff; + border: 1px solid {$lightblueborder}; + border-radius: 3px; } .phui-pinboard-view .phui-pinboard-item-view { @@ -43,11 +46,9 @@ padding: 6px 8px; display: block; font-weight: bold; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-bottom: 1px solid {$thinblueborder}; white-space: nowrap; overflow: hidden; + border-top: 1px solid {$thinblueborder}; } .phui-pinboard-item-header a { @@ -55,22 +56,21 @@ } .phui-pinboard-item-image-link { - padding: 8px 4px; display: block; } +.phui-pinboard-item-image-link img { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + .phui-pinboard-item-content { - padding: 8px; + padding: 0 8px 8px; overflow: hidden; color: {$bluetext}; 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 { float: left; margin-left: 8px;