mastofe

commit: aa9d48343d85449e96c6002131b45be4becd2c0d
parent: edefd87adfadd6c1d7f8087459406464815a5fd0
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Sat, 15 Oct 2016 13:05:37 +0200

Fix suggestions box style for long names

Diffstat:
M
app/assets/javascripts/components/features/compose/components/suggestions_box.jsx
10
+++++++---

1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/app/assets/javascripts/components/features/compose/components/suggestions_box.jsx b/app/assets/javascripts/components/features/compose/components/suggestions_box.jsx
@@ -30,11 +30,15 @@ const itemStyle = {
 
 const displayNameStyle = {
   display: 'block',
-  fontWeight: '500'
+  fontWeight: '500',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
 };
 
 const acctStyle = {
-  display: 'block'
+  display: 'block',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
 };
 
 const SuggestionsBox = React.createClass({
@@ -46,7 +50,7 @@ const SuggestionsBox = React.createClass({
   mixins: [PureRenderMixin],
 
   render () {
-    const accounts = this.props.accounts.take(2);
+    const accounts = this.props.accounts.take(3);
 
     return (
       <div style={outerStyle}>