bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create StillImage component

Browse source
This commit is contained in:
Bárbara de Castro Fernandes 2020-06-09 17:07:00 -03:00
parent 6de623127c
commit 2da584b5ee
3 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/components/still_image.js Normal file
View file

Binary file not shown.

1
app/styles/application.scss
View file

@ -58,6 +58,7 @@
@import 'components/navigation-bar'; @import 'components/navigation-bar';
@import 'components/promo-panel'; @import 'components/promo-panel';
@import 'components/drawer'; @import 'components/drawer';
@import 'components/still-image';
@import 'components/timeline-queue-header'; @import 'components/timeline-queue-header';
@import 'components/badge'; @import 'components/badge';
@import 'components/trends'; @import 'components/trends';

28
app/styles/components/still-image.scss Normal file
View file

@ -0,0 +1,28 @@
.still-image {
position: relative;
overflow: hidden;
img,
canvas {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
font-family: inherit;
}
&--play-on-hover {
img {
position: absolute;
visibility: hidden;
}
&:hover img {
visibility: visible;
}
&:hover canvas {
visibility: hidden;
}
}
}