From 03e5c3ff549f8241bc8065b5390f9ff522a9b3fd Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 23 Feb 2024 18:05:39 +0800
Subject: [PATCH] Disable text-rendering: optimizeSpeed

It causes text to jump. It has different kerning when optimized for speed
---
 src/cloak-mode.css        |  2 +-
 src/components/status.css | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/cloak-mode.css b/src/cloak-mode.css
index 1c6d780b..c9e03051 100644
--- a/src/cloak-mode.css
+++ b/src/cloak-mode.css
@@ -15,7 +15,7 @@ body.cloak,
   .account-block {
     text-decoration-thickness: 1.1em;
     text-decoration-line: line-through;
-    text-rendering: optimizeSpeed;
+    /* text-rendering: optimizeSpeed; */
     filter: opacity(0.5);
   }
   .name-text *,
diff --git a/src/components/status.css b/src/components/status.css
index 8f1f78ee..6b965c8c 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -611,7 +611,7 @@
     opacity: 0.2;
     text-decoration-thickness: 1.5em;
     text-decoration-line: line-through;
-    text-rendering: optimizeSpeed;
+    /* text-rendering: optimizeSpeed; */
     pointer-events: none;
     user-select: none;
     /* contain: layout; */
@@ -622,7 +622,7 @@
       text-decoration-color: inherit;
       text-decoration-thickness: 1.5em;
       text-decoration-line: line-through;
-      text-rendering: optimizeSpeed;
+      /* text-rendering: optimizeSpeed; */
     }
 
     img {
@@ -638,7 +638,7 @@
       opacity: 0.2;
       text-decoration-thickness: 1.5em;
       text-decoration-line: line-through;
-      text-rendering: optimizeSpeed;
+      /* text-rendering: optimizeSpeed; */
       pointer-events: none;
       user-select: none;
 
@@ -646,7 +646,7 @@
         text-decoration-color: inherit;
         text-decoration-thickness: 1.5em;
         text-decoration-line: line-through;
-        text-rendering: optimizeSpeed;
+        /* text-rendering: optimizeSpeed; */
       }
     }
   }
@@ -670,7 +670,7 @@
     color: inherit;
     text-decoration-thickness: 1.5em;
     text-decoration-line: line-through;
-    text-rendering: optimizeSpeed;
+    /* text-rendering: optimizeSpeed; */
     pointer-events: none;
     user-select: none;
     /* contain: layout; */
@@ -680,7 +680,7 @@
     * {
       text-decoration-thickness: 1.5em;
       text-decoration-line: line-through;
-      text-rendering: optimizeSpeed;
+      /* text-rendering: optimizeSpeed; */
     }
 
     img {