Merge branch 'fix-develop-issues' into 'develop'

Fix develop issues

See merge request pleroma/pleroma-fe!1924

changelog.d/fixes.skip

@@ -0,0 +1 @@
+fix post appearance tab bugs part I

src/App.scss

@@ -3,10 +3,7 @@
 @import "./panel";
 
 :root {
-  --fontSize: 14px;
   --status-margin: 0.75em;
-  --navbar-height: var(--navbarSize, 3.5rem);
-  --panel-header-height: var(--panelHeaderSize, 3.2rem);
   --post-line-height: 1.4;
   // Z-Index stuff
   --ZI_media_modal: 9000;
@@ -21,10 +18,11 @@
 }
 
 html {
-  font-size: var(--textSize);
+  font-size: var(--textSize, 14px);
 
   --navbar-height: var(--navbarSize, 3.5rem);
   --emoji-size: var(--emojiSize, 32px);
+  --panel-header-height: var(--panelHeaderSize, 3.2rem);
   // overflow-x: clip causes my browser's tab to crash with SIGILL lul
 }
 

src/components/settings_modal/tabs/general_tab.js

@@ -75,6 +75,12 @@ const GeneralTab = {
         label: this.$t(`post_status.content_type["${format}"]`)
       }))
     },
+    language: {
+      get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
+      set: function (val) {
+        this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
+      }
+    },
     ...SharedComputedObject()
   },
   methods: {