From b023a43feebb44edf542806b5f0861a607fc7ce7 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 27 Feb 2024 18:02:12 +0800
Subject: [PATCH] Fix weird rendering on Safari

---
 src/pages/catchup.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/catchup.css b/src/pages/catchup.css
index e905b8f..c4beb2f 100644
--- a/src/pages/catchup.css
+++ b/src/pages/catchup.css
@@ -262,6 +262,7 @@
 
         img {
           transition: filter 0.15s ease;
+          will-change: filter;
         }
       }
 
@@ -315,11 +316,16 @@
     }
   }
 
-  &:has(.filter-author :checked)
-    .filter-author:not(:has(:checked)):not(:is(:hover, :focus)) {
+  &:has(.filter-author :checked) .filter-author:not(:has(:checked)) {
     .avatar img {
       filter: grayscale(1) contrast(2) opacity(0.5);
     }
+
+    &:is(:hover, :focus) {
+      .avatar img {
+        filter: none;
+      }
+    }
   }
 
   .radio-field-group {