Add visibility icon back in media gallery
This commit is contained in:
		@@ -131,11 +131,17 @@ export default class MediaItem extends ImmutablePureComponent {
 | 
			
		||||
      );
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    const icon = (
 | 
			
		||||
      <span className='account-gallery__item__icons'>
 | 
			
		||||
        <i className='fa fa-eye-slash' />
 | 
			
		||||
      </span>
 | 
			
		||||
    );
 | 
			
		||||
 | 
			
		||||
    return (
 | 
			
		||||
      <div className='account-gallery__item' style={{ width, height }}>
 | 
			
		||||
        <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 })} />
 | 
			
		||||
          {visible && thumbnail}
 | 
			
		||||
          {visible ? thumbnail : icon}
 | 
			
		||||
        </a>
 | 
			
		||||
      </div>
 | 
			
		||||
    );
 | 
			
		||||
 
 | 
			
		||||
@@ -343,6 +343,14 @@
 | 
			
		||||
  border-radius: 4px;
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
  margin: 2px;
 | 
			
		||||
 | 
			
		||||
  &__icons {
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    top: 50%;
 | 
			
		||||
    left: 50%;
 | 
			
		||||
    transform: translate(-50%, -50%);
 | 
			
		||||
    font-size: 24px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.notification__filter-bar,
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user