add neko's changes

src/App.js

@@ -89,6 +89,11 @@ export default {
         'order': this.$store.getters.mergedConfig.sidebarRight ? 99 : 0
       }
     },
+    fullscreenView () {
+      return {
+        'max-width': this.$store.getters.mergedConfig.fullscreenView ? 'initial' : null
+      }
+    },
     thirdColumnAlign () {
       return {
         'order': this.$store.getters.mergedConfig.sidebarRight ? 0 : 99

src/App.vue

@@ -12,7 +12,7 @@
     <div class="app-bg-wrapper app-container-wrapper" />
     <div
       id="content"
-      :style="thirdColumnLayout"
+      :style="[thirdColumnLayout, fullscreenView]"
       class="container underlay"
     >
       <div

src/components/attachment/attachment.vue

@@ -189,7 +189,7 @@
       flex-grow: 0;
     }
     .video {
-      height: 260px;
+      //height: 260px;
       display: flex;
     }
     video {

src/components/desktop_nav/desktop_nav.js

@@ -69,7 +69,12 @@ export default {
     hideSitename () { return this.$store.state.instance.hideSitename },
     logoLeft () { return this.$store.state.instance.logoLeft },
     currentUser () { return this.$store.state.users.currentUser },
-    privateMode () { return this.$store.state.instance.private }
+    privateMode () { return this.$store.state.instance.private },
+    fullscreenView () {
+      return {
+        'max-width': this.$store.getters.mergedConfig.fullscreenView ? 'initial' : null
+      }
+    }
   },
   methods: {
     scrollToTop () {

src/components/desktop_nav/desktop_nav.vue

@@ -5,7 +5,10 @@
     :class="{ '-logoLeft': logoLeft }"
     @click="scrollToTop()"
   >
-    <div class="inner-nav">
+    <div
+      class="inner-nav"
+      :style="fullscreenView"
+    >
       <div class="item sitename">
         <router-link
           v-if="!hideSitename"

src/components/nav_panel/nav_panel.vue

@@ -139,9 +139,7 @@
   .menu-item {
     display: block;
     box-sizing: border-box;
-    height: 3.5em;
-    line-height: 3.5em;
-    padding: 0 1em;
+    padding: .5em 1em;
     width: 100%;
     color: $fallback--link;
     color: var(--link, $fallback--link);

src/components/settings_modal/tabs/general_tab.vue

@@ -21,6 +21,11 @@
             {{ $t('settings.show_third_column') }}
           </BooleanSetting>
         </li>
+        <li>
+          <BooleanSetting path="fullscreenView">
+            {{ $t('settings.fullscreenView') }}
+          </BooleanSetting>
+        </li>
         <li v-if="instanceWallpaperUsed">
           <BooleanSetting path="hideInstanceWallpaper">
             {{ $t('settings.hide_wallpaper') }}

src/components/status_content/status_content.vue

@@ -119,7 +119,7 @@ $status-margin: 0.75em;
 
   img, video {
     max-width: 100%;
-    max-height: 400px;
+    // max-height: 400px;
     vertical-align: middle;
     object-fit: contain;
 

src/i18n/en.json

@@ -374,6 +374,7 @@
     "instance_default": "(default: {value})",
     "instance_default_simple": "(default)",
     "interface": "Interface",
+    "fullscreenView": "Fullscreen view",
     "interfaceLanguage": "Interface language",
     "invalid_theme_imported": "The selected file is not a supported Pleroma theme. No changes to your theme were made.",
     "limited_availability": "Unavailable in your browser",

src/modules/config.js

@@ -38,6 +38,7 @@ export const defaultState = {
   preloadImage: true,
   loopVideo: true,
   loopVideoSilentOnly: true,
+  fullscreenView: false,
   streaming: false,
   emojiReactionsOnTimeline: true,
   alwaysShowNewPostButton: false,