diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2016-10-15 13:05:37 +0200 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2016-10-15 13:05:37 +0200 |
| commit | aa9d48343d85449e96c6002131b45be4becd2c0d (patch) | |
| tree | f2fc97cf8b3d96077b8a2ec41e10941d9e46d3f0 | |
| parent | edefd87adfadd6c1d7f8087459406464815a5fd0 (diff) | |
Fix suggestions box style for long names
| -rw-r--r-- | app/assets/javascripts/components/features/compose/components/suggestions_box.jsx | 10 |
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}> |