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:
parent
f5c3d20e9c
commit
9f69aa3cb1
|
@ -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…
Reference in New Issue