@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
Clean up FontAwesome / Timeline CSS
Summary: Normalize FA CSS, expand timeline icons to 14px, fix mobile browsers, give attribution in uiexamples
Test Plan: tested iOS simulator, chrome, ie
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D8845
+32
-35
+9
-9
resources/celerity/map.php
+9
-9
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => 'c88bd7c6',
10
+
'core.pkg.css' => 'c5e5592f',
11
11
'core.pkg.js' => '417722ff',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => '12c11318',
···
103
103
'rsrc/css/application/slowvote/slowvote.css' => '266df6a1',
104
104
'rsrc/css/application/subscriptions/subscribers-list.css' => '5bb30c78',
105
105
'rsrc/css/application/tokens/tokens.css' => '5f7bca25',
106
-
'rsrc/css/application/uiexample/example.css' => '81adeffe',
106
+
'rsrc/css/application/uiexample/example.css' => '528b19de',
107
107
'rsrc/css/core/core.css' => 'da26ddb2',
108
108
'rsrc/css/core/remarkup.css' => '0923dbd6',
109
109
'rsrc/css/core/syntax.css' => '3c18c1cb',
···
112
112
'rsrc/css/font/font-awesome.css' => '62bc244d',
113
113
'rsrc/css/font/font-glyphicons-halflings.css' => 'c4c1c6b6',
114
114
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
115
-
'rsrc/css/font/phui-font-icon-base.css' => 'cc5465ba',
115
+
'rsrc/css/font/phui-font-icon-base.css' => 'cd92ff25',
116
116
'rsrc/css/layout/phabricator-action-header-view.css' => 'c14dfc57',
117
117
'rsrc/css/layout/phabricator-action-list-view.css' => '81383e25',
118
118
'rsrc/css/layout/phabricator-crumbs-view.css' => '2d9db584',
···
132
132
'rsrc/css/phui/phui-form-view.css' => '867463b4',
133
133
'rsrc/css/phui/phui-form.css' => 'b78ec020',
134
134
'rsrc/css/phui/phui-header-view.css' => '5b79f0ef',
135
-
'rsrc/css/phui/phui-icon.css' => '322274f9',
135
+
'rsrc/css/phui/phui-icon.css' => '215fa314',
136
136
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
137
137
'rsrc/css/phui/phui-list.css' => 'ef8035b6',
138
138
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
···
144
144
'rsrc/css/phui/phui-status.css' => '2f562399',
145
145
'rsrc/css/phui/phui-tag-view.css' => '295d81c4',
146
146
'rsrc/css/phui/phui-text.css' => '23e9b4b7',
147
-
'rsrc/css/phui/phui-timeline-view.css' => '7a502670',
147
+
'rsrc/css/phui/phui-timeline-view.css' => '92602937',
148
148
'rsrc/css/phui/phui-workboard-view.css' => '84f2c272',
149
149
'rsrc/css/phui/phui-workpanel-view.css' => '97b69459',
150
150
'rsrc/css/sprite-actions.css' => '969ad0e5',
···
719
719
'phabricator-textareautils' => 'b3ec3cfc',
720
720
'phabricator-tooltip' => '3915d490',
721
721
'phabricator-transaction-view-css' => 'ce491938',
722
-
'phabricator-ui-example-css' => '81adeffe',
722
+
'phabricator-ui-example-css' => '528b19de',
723
723
'phabricator-uiexample-javelin-view' => 'd4a14807',
724
724
'phabricator-uiexample-reactor-button' => '44524435',
725
725
'phabricator-uiexample-reactor-checkbox' => '7ba325ee',
···
747
747
'phui-calendar-month-css' => 'a92e47d2',
748
748
'phui-document-view-css' => '3b078dc0',
749
749
'phui-feed-story-css' => '3a59c2cf',
750
-
'phui-font-icon-base-css' => 'cc5465ba',
750
+
'phui-font-icon-base-css' => 'cd92ff25',
751
751
'phui-fontkit-css' => 'de84aa4a',
752
752
'phui-form-css' => 'b78ec020',
753
753
'phui-form-view-css' => '867463b4',
754
754
'phui-header-view-css' => '5b79f0ef',
755
-
'phui-icon-view-css' => '322274f9',
755
+
'phui-icon-view-css' => '215fa314',
756
756
'phui-info-panel-css' => '27ea50a1',
757
757
'phui-list-view-css' => 'ef8035b6',
758
758
'phui-object-box-css' => 'ce92d8ec',
···
764
764
'phui-status-list-view-css' => '2f562399',
765
765
'phui-tag-view-css' => '295d81c4',
766
766
'phui-text-css' => '23e9b4b7',
767
-
'phui-timeline-view-css' => '7a502670',
767
+
'phui-timeline-view-css' => '92602937',
768
768
'phui-workboard-view-css' => '84f2c272',
769
769
'phui-workpanel-view-css' => '97b69459',
770
770
'policy-css' => '957ea14c',
+10
-1
src/applications/uiexample/examples/PHUIIconExample.php
+10
-1
src/applications/uiexample/examples/PHUIIconExample.php
···
427
427
->setText(pht('fa-tag %s', $color));
428
428
}
429
429
$ficons = array();
430
+
sort($fas);
430
431
foreach ($fas as $fa) {
431
432
$ficons[] = id(new PHUIIconView())
432
433
->addClass('phui-example-icon-name')
···
568
569
->appendChild($loginview)
569
570
->addMargin(PHUI::MARGIN_MEDIUM);
570
571
572
+
$fa_link = phutil_tag(
573
+
'a',
574
+
array(
575
+
'href' => 'http://fontawesome.io'
576
+
),
577
+
'http://fontawesome.io');
578
+
$fa_text = pht('Font Awesome by Dave Gandy - %s', $fa_link);
579
+
571
580
$fontawesome = id(new PHUIObjectBoxView())
572
-
->setHeaderText(pht('Font Awesome'))
581
+
->setHeaderText($fa_text)
573
582
->appendChild($layout_fa);
574
583
575
584
$transforms = id(new PHUIObjectBoxView())
+1
-1
webroot/rsrc/css/application/uiexample/example.css
+1
-1
webroot/rsrc/css/application/uiexample/example.css
+1
-19
webroot/rsrc/css/font/phui-font-icon-base.css
+1
-19
webroot/rsrc/css/font/phui-font-icon-base.css
···
2
2
* @provides phui-font-icon-base-css
3
3
*/
4
4
5
-
.phui-font-gh,
6
5
.phui-font-fa {
7
6
display: inline-block;
8
-
position: relative;
9
7
color: {$darkgreytext};
10
-
text-decoration: none;
11
-
*display: inline;
12
-
*zoom: 1;
13
-
vertical-align: middle;
14
-
}
15
-
.phui-font-gh:before,
16
-
.phui-font-fa:before {
17
-
position: absolute;
18
-
left: 0;
19
-
top: 0;
20
-
display: inline-block;
21
-
margin: 0 5px 0 0;
22
8
font-style: normal;
23
9
font-weight: normal;
24
-
color: {$darkgreytext};
25
-
*display: inline;
26
-
*zoom: 1;
27
-
vertical-align: middle;
28
-
text-transform: none;
10
+
line-height: 1;
29
11
-webkit-font-smoothing: antialiased;
30
12
-moz-osx-font-smoothing: grayscale;
31
13
}
+2
-2
webroot/rsrc/css/phui/phui-icon.css
+2
-2
webroot/rsrc/css/phui/phui-icon.css
+9
-3
webroot/rsrc/css/phui/phui-timeline-view.css
+9
-3
webroot/rsrc/css/phui/phui-timeline-view.css
···
194
194
}
195
195
196
196
.phui-icon-view.phui-timeline-icon:before {
197
-
position: relative;
198
-
top: 4px;
199
-
margin: 0;
197
+
font-size: 14px;
200
198
}
201
199
202
200
.phui-timeline-minor-event .phui-timeline-icon-fill {
203
201
height: 26px;
204
202
width: 26px;
205
203
border-radius: 3px;
204
+
}
205
+
206
+
.phui-timeline-icon-fill .phui-timeline-icon {
207
+
margin-top: 5px;
208
+
}
209
+
210
+
.phui-timeline-minor-event .phui-timeline-icon {
211
+
margin-top: 6px;
206
212
}
207
213
208
214
.phui-timeline-extra,