From 7a0ea1fbd3c2ce2c06e7a47762fecc21fa9161d4 Mon Sep 17 00:00:00 2001
From: Pim <pimlie@hotmail.com>
Date: Thu, 5 Sep 2024 17:59:43 +0200
Subject: [PATCH] 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
---
 static/style.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/static/style.css b/static/style.css
index 3592552..214af55 100644
--- a/static/style.css
+++ b/static/style.css
@@ -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,16 +1139,16 @@ 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 {
-    filter: none;
+.post_blurred .post_thumbnail:hover * {
+	filter: none;
 }
 
 .post_media_image svg {