about summary refs log tree commit diff
path: root/app/assets/javascripts/components/features/compose
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2016-10-15 13:05:37 +0200
committerEugen Rochko <eugen@zeonfederated.com>2016-10-15 13:05:37 +0200
commitaa9d48343d85449e96c6002131b45be4becd2c0d (patch)
treef2fc97cf8b3d96077b8a2ec41e10941d9e46d3f0 /app/assets/javascripts/components/features/compose
parentedefd87adfadd6c1d7f8087459406464815a5fd0 (diff)
Fix suggestions box style for long names
Diffstat (limited to 'app/assets/javascripts/components/features/compose')
-rw-r--r--app/assets/javascripts/components/features/compose/components/suggestions_box.jsx10
1 files 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
index 289260f12..baff317d7 100644
--- 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}>