@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
Set a max-width on crumbs just in case
Summary: Ref D17361. This sets a reasonable width on crumbs just in case a title is super long. Also fixes a weird Safari issue.
Test Plan:
Set a username to "hector" and check Safari. Create a badge named "MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM" and test length.
{F3771744}
{F3771747}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D17472
+14
-3
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => '6875302f',
11
11
'conpherence.pkg.js' => '6249a1cf',
12
-
'core.pkg.css' => '4cdcf76d',
12
+
'core.pkg.css' => 'aab1d168',
13
13
'core.pkg.js' => '1fa7c0c5',
14
14
'darkconsole.pkg.js' => 'e7393ebb',
15
15
'differential.pkg.css' => '90b30783',
···
139
139
'rsrc/css/phui/phui-cms.css' => '504b4b23',
140
140
'rsrc/css/phui/phui-comment-form.css' => '48fbd65d',
141
141
'rsrc/css/phui/phui-comment-panel.css' => 'f50152ad',
142
-
'rsrc/css/phui/phui-crumbs-view.css' => 'b743f73e',
142
+
'rsrc/css/phui/phui-crumbs-view.css' => 'ccbf2a0c',
143
143
'rsrc/css/phui/phui-curtain-view.css' => '947bf1a4',
144
144
'rsrc/css/phui/phui-document-pro.css' => 'f56738ed',
145
145
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
···
850
850
'phui-cms-css' => '504b4b23',
851
851
'phui-comment-form-css' => '48fbd65d',
852
852
'phui-comment-panel-css' => 'f50152ad',
853
-
'phui-crumbs-view-css' => 'b743f73e',
853
+
'phui-crumbs-view-css' => 'ccbf2a0c',
854
854
'phui-curtain-view-css' => '947bf1a4',
855
855
'phui-document-summary-view-css' => '9ca48bdf',
856
856
'phui-document-view-css' => 'c32e8dec',
+11
webroot/rsrc/css/phui/phui-crumbs-view.css
+11
webroot/rsrc/css/phui/phui-crumbs-view.css
···
48
48
.phui-crumb-view {
49
49
float: left;
50
50
padding: 8px 0;
51
+
max-width: 240px;
52
+
white-space: nowrap;
53
+
overflow: hidden;
54
+
text-overflow: ellipsis;
55
+
}
56
+
57
+
/* Safari Hack, See D17361 */
58
+
.phui-crumb-view:after {
59
+
content: "\0000a0";
60
+
display: inline-block;
61
+
width: 0;
51
62
}
52
63
53
64
.device-phone .phui-crumb-view.phabricator-last-crumb .phui-crumb-name,