@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
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
+16
-30
+3
-15
src/__celerity_resource_map__.php
+3
-15
src/__celerity_resource_map__.php
···
1864
1864
),
1865
1865
'disk' => '/rsrc/js/application/phame/phame-post-preview.js',
1866
1866
),
1867
-
'javelin-behavior-pholio-edit-inline-comment' =>
1868
-
array(
1869
-
'uri' => '/res/61759cd8/rsrc/js/application/pholio/behavior-pholio-edit-inline-comment.js',
1870
-
'type' => 'js',
1871
-
'requires' =>
1872
-
array(
1873
-
0 => 'javelin-behavior',
1874
-
1 => 'javelin-stratcom',
1875
-
2 => 'javelin-dom',
1876
-
),
1877
-
'disk' => '/rsrc/js/application/pholio/behavior-pholio-edit-inline-comment.js',
1878
-
),
1879
1867
'javelin-behavior-pholio-mock-view' =>
1880
1868
array(
1881
-
'uri' => '/res/e5f432ac/rsrc/js/application/pholio/behavior-pholio-mock-view.js',
1869
+
'uri' => '/res/efec5d7a/rsrc/js/application/pholio/behavior-pholio-mock-view.js',
1882
1870
'type' => 'js',
1883
1871
'requires' =>
1884
1872
array(
···
2873
2861
),
2874
2862
'phabricator-pinboard-view-css' =>
2875
2863
array(
2876
-
'uri' => '/res/3a24d210/rsrc/css/layout/phabricator-pinboard-view.css',
2864
+
'uri' => '/res/fdb2470f/rsrc/css/layout/phabricator-pinboard-view.css',
2877
2865
'type' => 'css',
2878
2866
'requires' =>
2879
2867
array(
···
3222
3210
),
3223
3211
'pholio-css' =>
3224
3212
array(
3225
-
'uri' => '/res/9de6e0b2/rsrc/css/application/pholio/pholio.css',
3213
+
'uri' => '/res/3b87f5ae/rsrc/css/application/pholio/pholio.css',
3226
3214
'type' => 'css',
3227
3215
'requires' =>
3228
3216
array(
+13
-15
webroot/rsrc/css/layout/phabricator-pinboard-view.css
+13
-15
webroot/rsrc/css/layout/phabricator-pinboard-view.css
···
3
3
*/
4
4
5
5
.phabricator-pinboard-view {
6
-
padding: 0 2%;
6
+
padding: 20px;
7
7
overflow: hidden;
8
8
}
9
9
10
-
.device-phone .phabricator-pinboard-view {
11
-
padding: 0;
12
-
}
13
-
14
10
.phabricator-pinboard-item-view {
15
-
margin: 0 10px 20px;
16
-
border: 1px solid #aaaaaa;
11
+
margin: 0 20px 20px 0;
12
+
border: 1px solid #ccc;
17
13
background: #ffffff;
14
+
border-radius: 3px;
18
15
19
16
display: block;
20
17
float: left;
···
26
23
/* On phones, show a single column of items. */
27
24
.device-phone .phabricator-pinboard-item-view {
28
25
float: none;
29
-
margin: 0 auto 20px;
26
+
margin: 0 auto 10px;
30
27
31
28
/* NOTE: This needs to be changed if we use images other than 160px wide. */
32
-
width: 200px;
29
+
width: 240px;
33
30
}
34
31
35
32
.phabricator-pinboard-item-header {
36
-
padding: 5px 20px;
33
+
padding: 5px 10px;
37
34
display: block;
38
35
background: #f3f3f3;
39
36
font-weight: bold;
37
+
border-top-left-radius: 3px;
38
+
border-top-right-radius: 3px;
40
39
}
41
40
42
41
.phabricator-pinboard-item-image-link {
43
-
padding: 20px;
42
+
padding: 10px;
44
43
display: block;
45
44
}
46
45
47
46
.phabricator-pinboard-item-content {
48
-
padding: 5px 20px;
47
+
padding: 0 10px 5px;
49
48
overflow: hidden;
50
-
background: #f3f3f3;
51
-
color: #666666;
52
-
font-size: smaller;
49
+
color: #777;
50
+
font-size: 11px;
53
51
}