@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
Slightly better spacing, colors on ProjectCards
Summary: Fixes transparent background images, removes "checkered". Better spacing for tags.
Test Plan:
Upload a transparent logo, hover over project.
{F1093753}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15188
+35
-34
+14
-13
resources/celerity/map.php
+14
-13
resources/celerity/map.php
···
93
93
'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
94
94
'rsrc/css/application/policy/policy.css' => '957ea14c',
95
95
'rsrc/css/application/ponder/ponder-view.css' => '7b0df4da',
96
-
'rsrc/css/application/project/project-card-view.css' => 'ee1ce91d',
96
+
'rsrc/css/application/project/project-card-view.css' => '9c3631e5',
97
97
'rsrc/css/application/project/project-view.css' => '99a5023b',
98
98
'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
99
99
'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
···
412
412
'rsrc/js/application/phortune/behavior-stripe-payment-form.js' => '3f5d6dbf',
413
413
'rsrc/js/application/phortune/behavior-test-payment-form.js' => 'fc91ab6c',
414
414
'rsrc/js/application/phortune/phortune-credit-card-form.js' => '2290aeef',
415
-
'rsrc/js/application/policy/behavior-policy-control.js' => 'ae45872f',
415
+
'rsrc/js/application/policy/behavior-policy-control.js' => 'd0c516d5',
416
416
'rsrc/js/application/policy/behavior-policy-rule-editor.js' => '5e9f347c',
417
417
'rsrc/js/application/projects/behavior-project-boards.js' => '48470f95',
418
418
'rsrc/js/application/projects/behavior-project-create.js' => '065227cc',
···
652
652
'javelin-behavior-phui-hovercards' => 'bcaccd64',
653
653
'javelin-behavior-phui-object-box-tabs' => '2bfa2836',
654
654
'javelin-behavior-phui-profile-menu' => '12884df9',
655
-
'javelin-behavior-policy-control' => 'ae45872f',
655
+
'javelin-behavior-policy-control' => 'd0c516d5',
656
656
'javelin-behavior-policy-rule-editor' => '5e9f347c',
657
657
'javelin-behavior-project-boards' => '48470f95',
658
658
'javelin-behavior-project-create' => '065227cc',
···
844
844
'policy-edit-css' => '815c66f7',
845
845
'policy-transaction-detail-css' => '82100a43',
846
846
'ponder-view-css' => '7b0df4da',
847
-
'project-card-view-css' => 'ee1ce91d',
847
+
'project-card-view-css' => '9c3631e5',
848
848
'project-view-css' => '99a5023b',
849
849
'releeph-core' => '9b3c5733',
850
850
'releeph-preview-branch' => 'b7a6f4a5',
···
1684
1684
'javelin-uri',
1685
1685
'phabricator-file-upload',
1686
1686
),
1687
-
'ae45872f' => array(
1688
-
'javelin-behavior',
1689
-
'javelin-dom',
1690
-
'javelin-util',
1691
-
'phuix-dropdown-menu',
1692
-
'phuix-action-list-view',
1693
-
'phuix-action-view',
1694
-
'javelin-workflow',
1695
-
),
1696
1687
'b064af76' => array(
1697
1688
'javelin-behavior',
1698
1689
'javelin-stratcom',
···
1851
1842
),
1852
1843
'd00a795a' => array(
1853
1844
'phui-theme-css',
1845
+
),
1846
+
'd0c516d5' => array(
1847
+
'javelin-behavior',
1848
+
'javelin-dom',
1849
+
'javelin-util',
1850
+
'phuix-dropdown-menu',
1851
+
'phuix-action-list-view',
1852
+
'phuix-action-view',
1853
+
'javelin-workflow',
1854
+
'phuix-icon-view',
1854
1855
),
1855
1856
'd19198c8' => array(
1856
1857
'javelin-install',
+21
-21
webroot/rsrc/css/application/project/project-card-view.css
+21
-21
webroot/rsrc/css/application/project/project-card-view.css
···
22
22
.project-card-view .phui-header-shell .phui-header-image {
23
23
border: 3px solid #fff;
24
24
border-radius: 3px;
25
+
background-color: #fff;
25
26
}
26
27
27
28
.project-card-view .phui-header-shell .phui-header-header {
···
70
71
}
71
72
72
73
.project-card-view.project-card-red .phui-header-shell {
73
-
background: linear-gradient(to bottom, {$sh-redbackground} 44px, #fff 44px);
74
+
background: linear-gradient(to bottom,
75
+
{$sh-redbackground} 42px, #fff 42px);
74
76
}
75
77
76
78
.project-card-view.project-card-orange {
···
78
80
}
79
81
80
82
.project-card-view.project-card-orange .phui-header-shell {
81
-
background: linear-gradient(to bottom, {$sh-orangebackground} 44px, #fff 44px);
83
+
background: linear-gradient(to bottom,
84
+
{$sh-orangebackground} 42px, #fff 42px);
82
85
}
83
86
84
87
.project-card-view.project-card-yellow {
···
86
89
}
87
90
88
91
.project-card-view.project-card-yellow .phui-header-shell {
89
-
background: linear-gradient(to bottom, {$sh-yellowbackground} 44px, #fff 44px);
92
+
background: linear-gradient(to bottom,
93
+
{$sh-yellowbackground} 42px, #fff 42px);
90
94
}
91
95
92
96
.project-card-view.project-card-green {
···
94
98
}
95
99
96
100
.project-card-view.project-card-green .phui-header-shell {
97
-
background: linear-gradient(to bottom, {$sh-greenbackground} 44px, #fff 44px);
101
+
background: linear-gradient(to bottom,
102
+
{$sh-greenbackground} 42px, #fff 42px);
98
103
}
99
104
100
105
.project-card-view.project-card-blue {
···
102
107
}
103
108
104
109
.project-card-view.project-card-blue .phui-header-shell {
105
-
background: linear-gradient(to bottom, {$sh-bluebackground} 44px, #fff 44px);
110
+
background: linear-gradient(to bottom,
111
+
{$sh-bluebackground} 42px, #fff 42px);
106
112
}
107
113
108
114
.project-card-view.project-card-indigo {
···
110
116
}
111
117
112
118
.project-card-view.project-card-indigo .phui-header-shell {
113
-
background: linear-gradient(to bottom, {$sh-indigobackground} 44px, #fff 44px);
119
+
background: linear-gradient(to bottom,
120
+
{$sh-indigobackground} 42px, #fff 42px);
114
121
}
115
122
116
123
.project-card-view.project-card-violet {
···
118
125
}
119
126
120
127
.project-card-view.project-card-violet .phui-header-shell {
121
-
background: linear-gradient(to bottom, {$sh-violetbackground} 44px, #fff 44px);
128
+
background: linear-gradient(to bottom,
129
+
{$sh-violetbackground} 42px, #fff 42px);
122
130
}
123
131
124
132
.project-card-view.project-card-pink {
···
126
134
}
127
135
128
136
.project-card-view.project-card-pink .phui-header-shell {
129
-
background: linear-gradient(to bottom, {$sh-pinkbackground} 44px, #fff 44px);
137
+
background: linear-gradient(to bottom,
138
+
{$sh-pinkbackground} 42px, #fff 42px);
130
139
}
131
140
132
-
.project-card-view.project-card-grey {
133
-
border-color: {$sh-greyborder};
134
-
}
135
-
136
-
.project-card-view.project-card-grey .phui-header-shell {
137
-
background: linear-gradient(to bottom, {$sh-greybackground} 44px, #fff 44px);
138
-
}
139
-
141
+
.project-card-view.project-card-grey,
140
142
.project-card-view.project-card-checkered {
141
143
border-color: {$sh-greyborder};
142
144
}
143
145
146
+
.project-card-view.project-card-grey .phui-header-shell,
144
147
.project-card-view.project-card-checkered .phui-header-shell {
145
-
background-color: #fff;
146
-
background-image: linear-gradient(45deg, {$sh-greybackground} 25%, transparent 25%, transparent 75%, {$sh-greybackground} 75%, {$sh-greybackground}),
147
-
linear-gradient(45deg, {$sh-greybackground} 25%, transparent 25%, transparent 75%, {$sh-greybackground} 75%, {$sh-greybackground});
148
-
background-size: 16px 16px;
149
-
background-position:0 0, 8px 8px;
148
+
background: linear-gradient(to bottom,
149
+
{$sh-greybackground} 42px, #fff 42px);
150
150
}