mirror of https://github.com/tootsuite/mastodon
Fix background-size being overwritten (#2382)
parent
3d3707a077
commit
72c984e105
|
@ -86,7 +86,7 @@ class Item extends React.PureComponent {
|
||||||
href={attachment.get('remote_url') || attachment.get('url')}
|
href={attachment.get('remote_url') || attachment.get('url')}
|
||||||
onClick={this.handleClick}
|
onClick={this.handleClick}
|
||||||
target='_blank'
|
target='_blank'
|
||||||
style={{ background: `url(${attachment.get('preview_url')}) no-repeat center`}}
|
style={{ backgroundImage: `url(${attachment.get('preview_url')})` }}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
} else if (attachment.get('type') === 'gifv') {
|
} else if (attachment.get('type') === 'gifv') {
|
||||||
|
|
|
@ -2999,6 +2999,8 @@ button.icon-button.active i.fa-retweet {
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-gallery__item-thumbnail {
|
.media-gallery__item-thumbnail {
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
cursor: zoom-in;
|
cursor: zoom-in;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
Loading…
Reference in New Issue