mirrors/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2024-12-12 06:06:22 +01:00
Code Issues Projects Releases Wiki Activity

Add visibility icon back in media gallery

Browse Source
This commit is contained in:
Thibaut Girka 2019-05-04 20:06:17 +02:00
parent cbda1b8b66
commit b1ab4d5ebe
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/flavours/glitch/features/account_gallery/components/media_item.js
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>
);

8
app/javascript/flavours/glitch/styles/components/accounts.scss
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,