revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-25 16:22:43 +01:00
Code Issues Releases Wiki Activity

Tweak pinboard styles

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/__celerity_resource_map__.php
View file

@ -1864,21 +1864,9 @@ celerity_register_resource_map(array(
), ),
'disk' => '/rsrc/js/application/phame/phame-post-preview.js', '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' => 'javelin-behavior-pholio-mock-view' =>
array( 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', 'type' => 'js',
'requires' => 'requires' =>
array( array(
@ -2873,7 +2861,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-pinboard-view-css' => 'phabricator-pinboard-view-css' =>
array( array(
'uri' => '/res/3a24d210/rsrc/css/layout/phabricator-pinboard-view.css', 'uri' => '/res/fdb2470f/rsrc/css/layout/phabricator-pinboard-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3222,7 +3210,7 @@ celerity_register_resource_map(array(
), ),
'pholio-css' => 'pholio-css' =>
array( array(
'uri' => '/res/9de6e0b2/rsrc/css/application/pholio/pholio.css', 'uri' => '/res/3b87f5ae/rsrc/css/application/pholio/pholio.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(

28
webroot/rsrc/css/layout/phabricator-pinboard-view.css
View file

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