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:
parent
db8b92ea55
commit
7a0ea1fbd3
@ -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,16 +1139,16 @@ 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;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post_media_image svg {
|
.post_media_image svg {
|
||||||
|
Loading…
Reference in New Issue
Block a user