moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
parent 63f237d736 2aabd8ed1a
commit f6d5922e65
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/still-image/still-image.vue
View File

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