DES-199: add an option to disable emote and flair animations (#420)

* feat: add an option to disable flair animations

* feat: add an option to disable emote animations

* refactor: merge two animation disabling options into one

assets/chat/css/style.scss

@@ -1717,6 +1717,19 @@ hr {
 .pref-autocompletehelper #chat-auto-complete.active {
   display: block;
 }
+.pref-disableanimations {
+  .emote,
+  .emote:hover,
+  .emote::before,
+  .emote::after {
+    animation: none !important;
+  }
+
+  a.user,
+  span.user {
+    animation: none !important;
+  }
+}
 
 /* OverlayScrollbars theme */
 .dgg-scroller-theme.os-scrollbar-horizontal {

assets/chat/js/const.js

@@ -133,6 +133,7 @@ const settingsdefault = new Map(
     hidensfl: false,
     fontscale: 'auto',
     censorbadwords: false,
+    disableanimations: false,
   }),
 );
 

assets/views/embed.html

@@ -147,6 +147,12 @@ <h4>Messages</h4>
                 <option value="2">do nothing</option>
               </select>
             </div>
+            <div class="form-group checkbox">
+              <label title="Disable animations when possible">
+                <input name="disableanimations" type="checkbox" /> Disable
+                animations when possible
+              </label>
+            </div>
 
             <h4>Notifications</h4>
             <div class="form-group checkbox">