1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 10:42:41 +01:00

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
This commit is contained in:
Chad Little 2015-07-27 07:55:09 -07:00
parent 0525d727ee
commit d6d3755888
2 changed files with 6 additions and 3 deletions

View file

@ -126,7 +126,7 @@ return array(
'rsrc/css/phui/calendar/phui-calendar.css' => 'ccabe893', 'rsrc/css/phui/calendar/phui-calendar.css' => 'ccabe893',
'rsrc/css/phui/phui-action-list.css' => 'c5eba19d', 'rsrc/css/phui/phui-action-list.css' => 'c5eba19d',
'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5', 'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
'rsrc/css/phui/phui-badge.css' => 'b6218fa8', 'rsrc/css/phui/phui-badge.css' => 'f25c3476',
'rsrc/css/phui/phui-box.css' => 'a5bb366d', 'rsrc/css/phui/phui-box.css' => 'a5bb366d',
'rsrc/css/phui/phui-button.css' => '16020a60', 'rsrc/css/phui/phui-button.css' => '16020a60',
'rsrc/css/phui/phui-crumbs-view.css' => 'd842f867', 'rsrc/css/phui/phui-crumbs-view.css' => 'd842f867',
@ -775,7 +775,7 @@ return array(
'phrequent-css' => 'ffc185ad', 'phrequent-css' => 'ffc185ad',
'phriction-document-css' => 'd1861e06', 'phriction-document-css' => 'd1861e06',
'phui-action-panel-css' => '3ee9afd5', 'phui-action-panel-css' => '3ee9afd5',
'phui-badge-view-css' => 'b6218fa8', 'phui-badge-view-css' => 'f25c3476',
'phui-box-css' => 'a5bb366d', 'phui-box-css' => 'a5bb366d',
'phui-button-css' => '16020a60', 'phui-button-css' => '16020a60',
'phui-calendar-css' => 'ccabe893', 'phui-calendar-css' => 'ccabe893',

View file

@ -60,7 +60,8 @@
display: block; display: block;
position: absolute; position: absolute;
width: 128px; width: 128px;
height: 100%; height: 180px;
overflow: hidden;
backface-visibility: hidden; backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
@ -113,6 +114,7 @@
font-weight: bold; font-weight: bold;
padding-top: 12px; padding-top: 12px;
display: block; display: block;
word-break: break-word;
} }
.phui-badge-quality { .phui-badge-quality {
@ -124,6 +126,7 @@
.phui-badge-view-subhead { .phui-badge-view-subhead {
color: {$lightgreytext}; color: {$lightgreytext};
font-size: {$smallerfontsize}; font-size: {$smallerfontsize};
word-break: break-word;
} }
.phui-badge-card-back { .phui-badge-card-back {