forked from AkkomaGang/akkoma-fe
Merge branch 'fix/attachment-sizing-cover-fix' into 'develop'
Fix attachment cover/contain again See merge request pleroma/pleroma-fe!1141
This commit is contained in:
commit
4acac3c38c
2 changed files with 3 additions and 8 deletions
|
@ -78,6 +78,7 @@
|
||||||
video,
|
video,
|
||||||
canvas {
|
canvas {
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -23,13 +23,6 @@
|
||||||
|
|
||||||
<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;
|
||||||
|
@ -38,6 +31,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
&:hover canvas {
|
&:hover canvas {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -45,8 +39,8 @@
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
align-self: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.animated {
|
&.animated {
|
||||||
|
|
Loading…
Reference in a new issue