alway enable animation fb

Author: HoangTran0410

scripts/fb_alwayEnableAnimation.css

@@ -0,0 +1,8 @@
+@media (prefers-reduced-motion: reduce) {
+    ._6s5d :not(.always-enable-animations) {
+        animation-duration: 0 !important;
+        animation-name: none !important;
+        transition-duration: 0 !important;
+        transition-property: none !important;
+    }
+}

scripts/fb_alwayEnableAnimation.js

@@ -0,0 +1,32 @@
+export default {
+    icon: "",
+    name: {
+      en: "",
+      vi: "",
+    },
+    description: {
+      en: "",
+      vi: "",
+    },
+    blackList: [],
+    whiteList: [],
+  
+    // run (if enable autorun) in web page context
+    onDocumentStart: () => {},
+    onDocumentEnd: () => {},
+    onDocumentIdle: () => {},
+  
+    // run onclick in extension-popup-page context
+    onClickExtension: () => {},
+  
+    // run onclick in content-script context
+    onClickContentScript: () => {},
+  
+    // run onclick in web page context
+    // cannot access to shared or any variable outside of webpage
+    onClick: () => {},
+  };
+  
+  // functions/attributes that other scripts can import and use
+  export const shared = {};
+  

scripts/fb_moreReactionStory.css

@@ -107,7 +107,7 @@ body {
 }
 
 .floating-emoji {
-  animation: bubble 2s ease-out;
+  animation: bubble 2s ease-out !important;
   pointer-events: none;
   height: 70px;
   width: 70px;

scripts/fb_moreReactionStory.js

@@ -127,7 +127,7 @@ export default {
     }
     function addFloatingEmoji(emoji, ele) {
       let floatingEmoji = document.createElement("div");
-      floatingEmoji.setAttribute("class", "floating-emoji");
+      floatingEmoji.className = "floating-emoji always-enable-animations";
       floatingEmoji.textContent = emoji;
 
       let { top, left } = ele.getBoundingClientRect();