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
							
								
									63de8485e2
								
							
						
					
					
						commit
						dc0e45eda2
					
				
					 1 changed files with 1 additions and 1 deletions
				
			
		| 
						 | 
					@ -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 a new issue