@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
Prevent long text from breaking Badges
Summary: Put super long text for title and flavor text on badges and resolve breaking issues.
Test Plan: Tested Supercalifragilisticexpialidocious for title and flavor.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D13730
+6
-3
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
126
126
'rsrc/css/phui/calendar/phui-calendar.css' => 'ccabe893',
127
127
'rsrc/css/phui/phui-action-list.css' => 'c5eba19d',
128
128
'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
129
-
'rsrc/css/phui/phui-badge.css' => 'b6218fa8',
129
+
'rsrc/css/phui/phui-badge.css' => 'f25c3476',
130
130
'rsrc/css/phui/phui-box.css' => 'a5bb366d',
131
131
'rsrc/css/phui/phui-button.css' => '16020a60',
132
132
'rsrc/css/phui/phui-crumbs-view.css' => 'd842f867',
···
775
775
'phrequent-css' => 'ffc185ad',
776
776
'phriction-document-css' => 'd1861e06',
777
777
'phui-action-panel-css' => '3ee9afd5',
778
-
'phui-badge-view-css' => 'b6218fa8',
778
+
'phui-badge-view-css' => 'f25c3476',
779
779
'phui-box-css' => 'a5bb366d',
780
780
'phui-button-css' => '16020a60',
781
781
'phui-calendar-css' => 'ccabe893',
+4
-1
webroot/rsrc/css/phui/phui-badge.css
+4
-1
webroot/rsrc/css/phui/phui-badge.css
···
60
60
display: block;
61
61
position: absolute;
62
62
width: 128px;
63
-
height: 100%;
63
+
height: 180px;
64
+
overflow: hidden;
64
65
65
66
backface-visibility: hidden;
66
67
-webkit-backface-visibility: hidden;
···
113
114
font-weight: bold;
114
115
padding-top: 12px;
115
116
display: block;
117
+
word-break: break-word;
116
118
}
117
119
118
120
.phui-badge-quality {
···
124
126
.phui-badge-view-subhead {
125
127
color: {$lightgreytext};
126
128
font-size: {$smallerfontsize};
129
+
word-break: break-word;
127
130
}
128
131
129
132
.phui-badge-card-back {