Commit f6d5922e authored by Shpuld Shpludson's avatar Shpuld Shpludson

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
parents 63f237d7 2aabd8ed
...@@ -23,12 +23,21 @@ ...@@ -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 @@ ...@@ -36,8 +45,8 @@
img { img {
width: 100%; width: 100%;
height: 100%;
object-fit: contain; object-fit: contain;
align-self: center;
} }
&.animated { &.animated {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment