1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-25 16:22:43 +01:00

Tweak pinboard styles

Summary: Curves, gradients, black and white designs. Some of those are in here.

Test Plan: Tested Macro and Pholio, better, tighter spacing. We could probably use bigger images. Checked iOS and Chrome.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4970
This commit is contained in:
Chad Little 2013-02-15 07:45:50 -08:00
parent 2c5c6f5915
commit f9f29253e4
2 changed files with 16 additions and 30 deletions

View file

@ -1864,21 +1864,9 @@ celerity_register_resource_map(array(
),
'disk' => '/rsrc/js/application/phame/phame-post-preview.js',
),
'javelin-behavior-pholio-edit-inline-comment' =>
array(
'uri' => '/res/61759cd8/rsrc/js/application/pholio/behavior-pholio-edit-inline-comment.js',
'type' => 'js',
'requires' =>
array(
0 => 'javelin-behavior',
1 => 'javelin-stratcom',
2 => 'javelin-dom',
),
'disk' => '/rsrc/js/application/pholio/behavior-pholio-edit-inline-comment.js',
),
'javelin-behavior-pholio-mock-view' =>
array(
'uri' => '/res/e5f432ac/rsrc/js/application/pholio/behavior-pholio-mock-view.js',
'uri' => '/res/efec5d7a/rsrc/js/application/pholio/behavior-pholio-mock-view.js',
'type' => 'js',
'requires' =>
array(
@ -2873,7 +2861,7 @@ celerity_register_resource_map(array(
),
'phabricator-pinboard-view-css' =>
array(
'uri' => '/res/3a24d210/rsrc/css/layout/phabricator-pinboard-view.css',
'uri' => '/res/fdb2470f/rsrc/css/layout/phabricator-pinboard-view.css',
'type' => 'css',
'requires' =>
array(
@ -3222,7 +3210,7 @@ celerity_register_resource_map(array(
),
'pholio-css' =>
array(
'uri' => '/res/9de6e0b2/rsrc/css/application/pholio/pholio.css',
'uri' => '/res/3b87f5ae/rsrc/css/application/pholio/pholio.css',
'type' => 'css',
'requires' =>
array(

View file

@ -3,18 +3,15 @@
*/
.phabricator-pinboard-view {
padding: 0 2%;
padding: 20px;
overflow: hidden;
}
.device-phone .phabricator-pinboard-view {
padding: 0;
}
.phabricator-pinboard-item-view {
margin: 0 10px 20px;
border: 1px solid #aaaaaa;
margin: 0 20px 20px 0;
border: 1px solid #ccc;
background: #ffffff;
border-radius: 3px;
display: block;
float: left;
@ -26,28 +23,29 @@
/* On phones, show a single column of items. */
.device-phone .phabricator-pinboard-item-view {
float: none;
margin: 0 auto 20px;
margin: 0 auto 10px;
/* NOTE: This needs to be changed if we use images other than 160px wide. */
width: 200px;
width: 240px;
}
.phabricator-pinboard-item-header {
padding: 5px 20px;
padding: 5px 10px;
display: block;
background: #f3f3f3;
font-weight: bold;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.phabricator-pinboard-item-image-link {
padding: 20px;
padding: 10px;
display: block;
}
.phabricator-pinboard-item-content {
padding: 5px 20px;
padding: 0 10px 5px;
overflow: hidden;
background: #f3f3f3;
color: #666666;
font-size: smaller;
color: #777;
font-size: 11px;
}