Implement... even more miniature disable gifs labels?

AprilSylph · Jul 9, 2023 · e82da42 · e82da42
1 parent 8a1e4cb
commit e82da42
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git 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
@@ -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);
   };