@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
Spiffy up new sidebar, simplify UI
Summary: Mostly a visual spacing pass, also adds in circle icons for edit, collapse. For now removing the fixed position on the icons for simplicity while the basics are being polished.
Test Plan: Projects, Profiles, wide and narrow.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15081
+57
-83
+5
-5
resources/celerity/map.php
+5
-5
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '005bc22f',
10
+
'core.pkg.css' => 'cea85605',
11
11
'core.pkg.js' => '573e6664',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
143
143
'rsrc/css/phui/phui-object-item-list-view.css' => '26c30d3f',
144
144
'rsrc/css/phui/phui-pager.css' => 'bea33d23',
145
145
'rsrc/css/phui/phui-pinboard-view.css' => '2495140e',
146
-
'rsrc/css/phui/phui-profile-menu.css' => '84966ae9',
146
+
'rsrc/css/phui/phui-profile-menu.css' => '2168816d',
147
147
'rsrc/css/phui/phui-property-list-view.css' => '27b2849e',
148
148
'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591',
149
149
'rsrc/css/phui/phui-spacing.css' => '042804d6',
···
152
152
'rsrc/css/phui/phui-text.css' => 'cf019f54',
153
153
'rsrc/css/phui/phui-timeline-view.css' => '2efceff8',
154
154
'rsrc/css/phui/phui-two-column-view.css' => '39ecafb1',
155
-
'rsrc/css/phui/phui-workboard-view.css' => '8330bca5',
155
+
'rsrc/css/phui/phui-workboard-view.css' => 'f488d036',
156
156
'rsrc/css/phui/phui-workpanel-view.css' => 'adec7699',
157
157
'rsrc/css/sprite-login.css' => '60e8560e',
158
158
'rsrc/css/sprite-menu.css' => '9dd65b92',
···
819
819
'phui-object-item-list-view-css' => '26c30d3f',
820
820
'phui-pager-css' => 'bea33d23',
821
821
'phui-pinboard-view-css' => '2495140e',
822
-
'phui-profile-menu-css' => '84966ae9',
822
+
'phui-profile-menu-css' => '2168816d',
823
823
'phui-property-list-view-css' => '27b2849e',
824
824
'phui-remarkup-preview-css' => '1a8f2591',
825
825
'phui-spacing-css' => '042804d6',
···
829
829
'phui-theme-css' => '981a58f8',
830
830
'phui-timeline-view-css' => '2efceff8',
831
831
'phui-two-column-view-css' => '39ecafb1',
832
-
'phui-workboard-view-css' => '8330bca5',
832
+
'phui-workboard-view-css' => 'f488d036',
833
833
'phui-workpanel-view-css' => 'adec7699',
834
834
'phuix-action-list-view' => 'b5c256b8',
835
835
'phuix-action-view' => '8cf6d262',
+4
-12
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
+4
-12
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
···
191
191
// Background color for "dark" themes.
192
192
'page.background.dark' => '#ebecee',
193
193
194
-
// NOTE: We can't just do these with an alpha channel because the
195
-
// fixed items in the footer may render on top of other items, so the
196
-
// backgrounds must be opaque.
197
-
198
194
// This is the base background color.
199
-
'menu.profile.background' => '#525868',
200
-
201
-
// This is premultiplied 7.5% alpha.
202
-
'menu.profile.background.hover' => '#4c5160',
203
-
204
-
// This is premultiplied 15% alpha.
205
-
'menu.profile.background.selected' => '#464b59',
195
+
'menu.profile.background' => '#525867',
196
+
'menu.profile.background.hover' => '#464b58',
197
+
'menu.profile.background.selected' => '#393d48',
206
198
207
199
'menu.profile.text' => '#c6c7cb',
208
200
'menu.profile.text.selected' => '#ffffff',
···
211
203
'menu.main.height' => '44px',
212
204
213
205
'menu.profile.width' => '240px',
214
-
'menu.profile.width.collapsed' => '80px',
206
+
'menu.profile.width.collapsed' => '88px',
215
207
'menu.profile.item.height' => '46px',
216
208
217
209
);
+4
-4
src/applications/search/engine/PhabricatorProfilePanelEngine.php
+4
-4
src/applications/search/engine/PhabricatorProfilePanelEngine.php
···
327
327
$object,
328
328
PhabricatorPolicyCapability::CAN_EDIT);
329
329
330
-
$expanded_edit_icon = id(new PHUIIconView())
330
+
$expanded_edit_icon = id(new PHUIIconCircleView())
331
331
->addClass('phui-list-item-icon')
332
332
->addClass('phui-profile-menu-visible-when-expanded')
333
333
->setIconFont('fa-pencil');
334
334
335
-
$collapsed_edit_icon = id(new PHUIIconView())
335
+
$collapsed_edit_icon = id(new PHUIIconCircleView())
336
336
->addClass('phui-list-item-icon')
337
337
->addClass('phui-profile-menu-visible-when-collapsed')
338
338
->setIconFont('fa-pencil')
···
386
386
'settingsURI' => $settings_uri,
387
387
));
388
388
389
-
$collapse_icon = id(new PHUIIconView())
389
+
$collapse_icon = id(new PHUIIconCircleView())
390
390
->addClass('phui-list-item-icon')
391
391
->addClass('phui-profile-menu-visible-when-expanded')
392
392
->setIconFont('fa-angle-left');
393
393
394
-
$expand_icon = id(new PHUIIconView())
394
+
$expand_icon = id(new PHUIIconCircleView())
395
395
->addClass('phui-list-item-icon')
396
396
->addClass('phui-profile-menu-visible-when-collapsed')
397
397
->addSigil('has-tooltip')
+2
-2
src/applications/uiexample/examples/PHUIIconExample.php
+2
-2
src/applications/uiexample/examples/PHUIIconExample.php
···
115
115
foreach ($circles as $circle) {
116
116
$circleview[] =
117
117
id(new PHUIIconCircleView())
118
-
->setIcon($circle)
118
+
->setIconFont($circle)
119
119
->setHref('#')
120
120
->addClass('mmr');
121
121
}
···
124
124
foreach ($circles as $circle) {
125
125
$circleview[] =
126
126
id(new PHUIIconCircleView())
127
-
->setIcon($circle)
127
+
->setIconFont($circle)
128
128
->setSize(PHUIIconCircleView::MEDIUM)
129
129
->setHref('#')
130
130
->addClass('mmr');
+1
-1
src/view/phui/PHUIIconCircleView.php
+1
-1
src/view/phui/PHUIIconCircleView.php
+2
-1
src/view/phui/PHUIListItemView.php
+2
-1
src/view/phui/PHUIListItemView.php
···
160
160
return $this;
161
161
}
162
162
163
-
public function addIcon(PHUIIconView $icon) {
163
+
public function addIcon($icon) {
164
164
$this->icons[] = $icon;
165
165
return $this;
166
166
}
···
275
275
if ($this->profileImage) {
276
276
$icon = id(new PHUIIconView())
277
277
->setHeadSize(PHUIIconView::HEAD_SMALL)
278
+
->addClass('phui-list-item-icon')
278
279
->setImage($this->profileImage);
279
280
}
280
281