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 e905b8fa..c4beb2fe 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 {