Merge pull request #4176 from rlr/Bug1464349/nowrap

Fix Bug 1464349 - truncate and nowrap card hostnames
mozilla · May 29, 2018 · 8665636 · 8665636
2 parents df4da64 + 071fe79
commit 8665636
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/system-addon/content-src/components/Card/Card.jsx b/system-addon/content-src/components/Card/Card.jsx
@@ -165,7 +165,7 @@ export class _Card extends React.PureComponent {
             {link.type === "download" && <div className="card-host-name alternate"><FormattedMessage id={GetPlatformString(this.props.platform)} /></div>}
             {link.hostname &&
               <div className="card-host-name">
-                {link.hostname}{link.type === "download" && `  \u2014 ${link.description}`}
+                {link.hostname.slice(0, 100)}{link.type === "download" && `  \u2014 ${link.description}`}
               </div>
             }
             <div className={[

diff --git a/system-addon/content-src/components/Card/_Card.scss b/system-addon/content-src/components/Card/_Card.scss
@@ -124,6 +124,7 @@
     padding-bottom: 4px;
     text-overflow: ellipsis;
     text-transform: uppercase;
+    white-space: nowrap;
   }
 
   .card-host-name.alternate { display: none; }