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.
th-downstream
unarist 8 years ago committed by Eugen Rochko
parent 63de8485e2
commit dc0e45eda2

@ -95,7 +95,7 @@ class Status extends ImmutablePureComponent {
if (isIntersecting === false && isHidden) { if (isIntersecting === false && isHidden) {
return ( 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.getIn(['account', 'display_name']) || status.getIn(['account', 'username'])}
{status.get('content')} {status.get('content')}
</div> </div>

Loading…
Cancel
Save