apply disable gifs to community browse page

AprilSylph · Jan 23, 2025 · c332219 · c332219
1 parent d0317c7
commit c332219
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/features/accesskit/disable_gifs.js b/src/features/accesskit/disable_gifs.js
@@ -9,7 +9,7 @@ const labelClass = 'xkit-paused-gif-label';
 const containerClass = 'xkit-paused-gif-container';
 const backgroundGifClass = 'xkit-paused-background-gif';
 
-const hovered = `:is(:hover > *, .${containerClass}:hover *)`;
+const hovered = `:is(:hover > *, .${containerClass}:hover *, a:hover + div *)`;
 
 export const styleElement = buildStyle(`
 .${labelClass} {
@@ -50,7 +50,7 @@ img[style*="${pausedContentVar}"]:not(${hovered}) {
 
 .${backgroundGifClass}:not(:hover) {
   background-image: none !important;
-  background-color: rgb(var(--secondary-accent));
+  background-color: rgb(var(--secondary-accent)) !important;
 }
 
 .${backgroundGifClass}:not(:hover) > div {
@@ -146,7 +146,7 @@ export const main = async function () {
   pageModifications.register(gifImage, processGifs);
 
   const gifBackgroundImage = `
-    ${keyToCss('communityHeaderImage', 'bannerImage', 'videoHubCardWrapper')}[style*=".gif"]
+    ${keyToCss('communityHeaderImage', 'communityCategoryImage', 'bannerImage', 'videoHubCardWrapper')}[style*=".gif"]
   `;
   pageModifications.register(gifBackgroundImage, processBackgroundGifs);