From e82da42e29d27c3d9d27b5c1f46f922d18bcc3fb Mon Sep 17 00:00:00 2001
From: Marcus <marcustyphoon@gmail.com>
Date: Sat, 8 Jul 2023 23:10:41 -0700
Subject: [PATCH] Implement... even more miniature disable gifs labels?

---
 src/scripts/accesskit.css             | 4 ++++
 src/scripts/accesskit/disable_gifs.js | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/scripts/accesskit.css b/src/scripts/accesskit.css
index 8e85dcc59..c0b2fadd0 100644
--- a/src/scripts/accesskit.css
+++ b/src/scripts/accesskit.css
@@ -22,6 +22,10 @@
   font-size: 0.6rem;
 }
 
+.xkit-paused-gif-label.verymini {
+  font-size: 0.3rem;
+}
+
 .xkit-paused-gif {
   position: absolute;
   visibility: visible;
diff --git a/src/scripts/accesskit/disable_gifs.js b/src/scripts/accesskit/disable_gifs.js
index 218f423ee..b99168f07 100644
--- a/src/scripts/accesskit/disable_gifs.js
+++ b/src/scripts/accesskit/disable_gifs.js
@@ -18,9 +18,11 @@ const pauseGif = function (gifElement) {
     canvas.getContext('2d').drawImage(image, 0, 0);
 
     const gifLabel = document.createElement('p');
-    gifLabel.className = gifElement.clientWidth < 150
-      ? 'xkit-paused-gif-label mini'
-      : 'xkit-paused-gif-label';
+    gifLabel.className = gifElement.clientWidth < 30
+      ? 'xkit-paused-gif-label verymini'
+      : gifElement.clientWidth < 150
+        ? 'xkit-paused-gif-label mini'
+        : 'xkit-paused-gif-label';
 
     gifElement.parentNode.append(canvas, gifLabel);
   };