iridium/redsunlib
iridium/redsunlib
2
2
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 4 Wiki Activity

fix: spoiler hover and video size (#196)

Browse Source 
* 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
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/style.css
View File

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