Merge branch '851-fix-squishy-images' into 'develop'

StillImage: Make it work properly in both firefox and chrome.

Closes #851

See merge request pleroma/pleroma-fe!1132
This commit is contained in:
Shpuld Shpludson 2020-06-05 16:06:19 +00:00
commit f6d5922e65
1 changed files with 10 additions and 1 deletions

View File

@ -23,12 +23,21 @@
<style lang="scss">
@import '../../_variables.scss';
.contain-fit {
.still-image {
img {
height: 100%;
}
}
}
.still-image {
position: relative;
line-height: 0;
overflow: hidden;
width: 100%;
height: 100%;
display: flex;
&:hover canvas {
display: none;
@ -36,8 +45,8 @@
img {
width: 100%;
height: 100%;
object-fit: contain;
align-self: center;
}
&.animated {