Merge pull request 'Ensure MFM scaling is ignored when rendering is disabled' (#189) from ignore-scale-mfm-disabled into develop

Reviewed-on: AkkomaGang/pleroma-fe#189

src/components/rich_content/rich_content.jsx

@@ -130,11 +130,11 @@ export default {
         codeblocks.forEach((pre) => {
           content = content.replace(pre,
             pre.replaceAll('<br/>', '\n')
-               .replaceAll('&amp;', '&')
+              .replaceAll('&amp;', '&')
-               .replaceAll('&lt;', '<')
+              .replaceAll('&lt;', '<')
-               .replaceAll('&gt;', '>')
+              .replaceAll('&gt;', '>')
-               .replaceAll('&quot', '"')
+              .replaceAll('&quot', '"')
-               .replaceAll('&#39;', "'")
+              .replaceAll('&#39;', "'")
           )
         })
       }

src/components/settings_modal/tabs/filtering_tab.js

@@ -1,4 +1,4 @@
-import { filter, trim } from 'lodash'
+import { filter, trim, debounce } from 'lodash'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
@@ -27,13 +27,13 @@ const FilteringTab = {
       get () {
         return this.muteWordsStringLocal
       },
-      set (value) {
+      set: debounce(function (value) {
         this.muteWordsStringLocal = value
         this.$store.dispatch('setOption', {
           name: 'muteWords',
           value: filter(value.split('\n'), (word) => trim(word).length > 0)
         })
-      }
+      }, 500)
     }
   },
   // Updating nested properties

src/components/status_body/status_body.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="StatusBody"
-    :class="{ '-compact': compact }"
+    :class="{ '-compact': compact, 'mfm-disabled': !renderMisskeyMarkdown }"
   >
     <div class="body">
       <div

src/components/status_content/status_content.vue

@@ -82,9 +82,16 @@
     }
   }
   &.mfm-disabled {
+    span {
+      font-size: 100% !important;
+    }
     .mfm {
       animation: none !important;
     }
+    .emoji {
+      width: 32px !important;
+      height: 32px !important;
+    }
   }
 }