Fix preview blur

kkurczewski · Apr 9, 2024 · 5516bd2 · 5516bd2
1 parent 02a6546
commit 5516bd2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/content/preview.css b/src/content/preview.css
@@ -7,4 +7,9 @@
 #video-preview #thumbnail-container {
   /* hides thumbnail before video preview */
   display: none;
+}
+
+#video-preview :not(video) {
+  /* fixes blur on search page when preview video is enabled */
+  pointer-events: none;
 }
diff --git a/src/content/style.css b/src/content/style.css
@@ -1,7 +1,8 @@
 .blur :is(#thumbnail, .thumbnail-wrapper) img,
 .blur #thumbnail #mouseover-overlay img,
 .ytp-endscreen-content .blur div,
-:has(.blur:hover) #video-preview video {
+:has(.blur:hover) #video-preview video,
+#video-preview :hover video {
   --blur: 15px;
 
   filter: blur(var(--blur));

diff --git a/src/manifest.json b/src/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Blurred thumbnails",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "Blur thumbnails on YT page for whatever reason",
   "icons": {
     "16": "icons/icon16.png",