fix: spoiler hover and video size (#196)

* fix: unblur both media as body when hoevering over either one

* fix: set min size for video

when the video is not loaded, the size is determined by the poster image. But when the poster image returns a 404, then the video had a size of 0x0

* chore: tab/space
This commit is contained in:
Pim 2024-09-05 17:59:43 +02:00 committed by GitHub
parent db8b92ea55
commit 7a0ea1fbd3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1111,6 +1111,8 @@ a.search_subreddit:hover {
}
.post_media_video {
min-width: 100px;
max-width: 100px;
width: auto;
height: auto;
max-width: 100%;
@ -1129,9 +1131,7 @@ a.search_subreddit:hover {
margin: auto;
}
.post_blurred img,
.post_blurred svg,
.post_blurred video {
.post_blurred .post_media_content * {
filter: blur(1.5rem);
}
@ -1139,15 +1139,15 @@ a.search_subreddit:hover {
filter: blur(0.25rem);
}
.post_blurred .post_thumbnail svg {
.post_blurred .post_thumbnail * {
filter: blur(0.3rem);
}
.post_blurred img:hover,
.post_blurred svg:hover,
.post_blurred video:hover,
.post_blurred .post_media_content:hover *,
.post_blurred .post_media_content:hover ~ .post_body,
.post_blurred .post_media_content:has(~ .post_body:hover) *,
.post_blurred .post_body:hover,
.post_blurred .post_thumbnail:hover svg {
.post_blurred .post_thumbnail:hover * {
filter: none;
}