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:
parent
2c5c6f5915
commit
f9f29253e4
2 changed files with 16 additions and 30 deletions
|
@ -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(
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue