Add visibility icon back in media gallery

This commit is contained in:
Thibaut Girka 2019-05-04 20:06:17 +02:00
parent 43dc5ad0e5
commit 167808363d
2 changed files with 15 additions and 1 deletions

View file

@ -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>
);

View file

@ -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,