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

Fix header .still-image on mobile

Browse source
This commit is contained in:
Alex Gleason 2020-07-20 20:36:11 -05:00
parent ce6446f059
commit 5c0bef4e9b
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/styles/components/account-header.scss
View file

@ -22,6 +22,7 @@
background: var(--accent-color--med); background: var(--accent-color--med);
@media screen and (max-width: 895px) {height: 225px;} @media screen and (max-width: 895px) {height: 225px;}
&--none {height: 125px;} &--none {height: 125px;}
img { img {
object-fit: cover; object-fit: cover;
display: block; display: block;
@ -30,6 +31,10 @@
margin: 0; margin: 0;
} }
.still-image {
height: 100%;
}
.still-image--play-on-hover::before { .still-image--play-on-hover::before {
content: 'GIF'; content: 'GIF';
position: absolute; position: absolute;