Prevent contents of the status placeholder from overflowing (#3287)

Since long lines may overflow and cause the status-list horizontally scrollable,
I added `overflow: hidden` to placeholder contents to prevent it.
This commit is contained in:
unarist 2017-05-25 09:23:54 +09:00 committed by Eugen Rochko
parent f5c3d20e9c
commit 9f69aa3cb1

View File

@ -95,7 +95,7 @@ class Status extends ImmutablePureComponent {
if (isIntersecting === false && isHidden) {
return (
<div ref={this.handleRef} data-id={status.get('id')} style={{ height: `${this.height}px`, opacity: 0 }}>
<div ref={this.handleRef} data-id={status.get('id')} style={{ height: `${this.height}px`, opacity: 0, overflow: 'hidden' }}>
{status.getIn(['account', 'display_name']) || status.getIn(['account', 'username'])}
{status.get('content')}
</div>