Add description on hover in media gallery (#10713)
This commit is contained in:
		
							parent
							
								
									1eb14ef774
								
							
						
					
					
						commit
						b2f5b1045f
					
				@ -88,6 +88,7 @@ export default class MediaItem extends ImmutablePureComponent {
 | 
				
			|||||||
    const width  = `${Math.floor((displayWidth - 4) / 3) - 4}px`;
 | 
					    const width  = `${Math.floor((displayWidth - 4) / 3) - 4}px`;
 | 
				
			||||||
    const height = width;
 | 
					    const height = width;
 | 
				
			||||||
    const status = attachment.get('status');
 | 
					    const status = attachment.get('status');
 | 
				
			||||||
 | 
					    const title = status.get('spoiler_text') || attachment.get('description');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    let thumbnail = '';
 | 
					    let thumbnail = '';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -133,7 +134,7 @@ export default class MediaItem extends ImmutablePureComponent {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    return (
 | 
					    return (
 | 
				
			||||||
      <div className='account-gallery__item' style={{ width, height }}>
 | 
					      <div className='account-gallery__item' style={{ width, height }}>
 | 
				
			||||||
        <a className='media-gallery__item-thumbnail' href={status.get('url')} target='_blank' onClick={this.handleClick}>
 | 
					        <a className='media-gallery__item-thumbnail' href={status.get('url')} target='_blank' onClick={this.handleClick} title={title}>
 | 
				
			||||||
          <canvas width={32} height={32} ref={this.setCanvasRef} className={classNames('media-gallery__preview', { 'media-gallery__preview--hidden': visible && loaded })} />
 | 
					          <canvas width={32} height={32} ref={this.setCanvasRef} className={classNames('media-gallery__preview', { 'media-gallery__preview--hidden': visible && loaded })} />
 | 
				
			||||||
          {visible && thumbnail}
 | 
					          {visible && thumbnail}
 | 
				
			||||||
        </a>
 | 
					        </a>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user