StillImage: Make it work properly in both firefox and chrome.
This commit is contained in:
parent
63f237d736
commit
2aabd8ed1a
1 changed files with 10 additions and 1 deletions
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue