ability to disable sitename display

src/App.js

@@ -63,6 +63,7 @@ export default {
     style () { return { 'background-image': `url(${this.background})` } },
     sitename () { return this.$store.state.instance.name },
     chat () { return this.$store.state.chat.channel.state === 'joined' },
+    sitenameEnabled () { return this.$store.state.instance.sitenameEnabled },
     suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled },
     showInstanceSpecificPanel () { return this.$store.state.instance.showInstanceSpecificPanel }
   },

src/App.scss

@@ -267,6 +267,10 @@ nav {
     }
   }
 
+  .site-name {
+    display: flex;
+  }
+
   .inner-nav {
     display: flex;
     align-items: center;

src/App.vue

@@ -6,11 +6,15 @@
           <router-link class="back-button" @click.native="activatePanel('timeline')" :to="{ name: 'root' }" active-class="hidden">
             <i class="icon-left-open" :title="$t('nav.back')"></i>
           </router-link>
-          <div class='logo' :style='logoBgStyle'>
+          <router-link  class="site-name" :to="{ name: 'root' }" active-class="home">
-            <div class='mask' :style='logoMaskStyle'></div>
+            <div class='logo' :style='logoBgStyle'>
-            <img :src='logo' :style='logoStyle'>
+              <div class='mask' :style='logoMaskStyle'></div>
-          </div>
+              <img :src='logo' :style='logoStyle'>
-          <router-link class="site-name" :to="{ name: 'root' }" active-class="home">{{sitename}}</router-link>
+            </div>
+            <span v-if="sitenameEnabled" class="site-name_text">
+              {{sitename}}
+            </span>
+          </router-link>
         </div>
         <div class='item right'>
           <user-finder class="nav-icon"></user-finder>

src/boot/after_store.js

@@ -59,6 +59,7 @@ const afterStoreSetup = ({store, i18n}) => {
           var scopeCopy = (config.scopeCopy)
           var subjectLineBehavior = (config.subjectLineBehavior)
           var alwaysShowSubjectInput = (config.alwaysShowSubjectInput)
+          var sitenameEnabled = (config.sitenameEnabled)
 
           store.dispatch('setInstanceOption', { name: 'theme', value: theme })
           store.dispatch('setInstanceOption', { name: 'background', value: background })
@@ -77,6 +78,7 @@ const afterStoreSetup = ({store, i18n}) => {
           store.dispatch('setInstanceOption', { name: 'scopeCopy', value: scopeCopy })
           store.dispatch('setInstanceOption', { name: 'subjectLineBehavior', value: subjectLineBehavior })
           store.dispatch('setInstanceOption', { name: 'alwaysShowSubjectInput', value: alwaysShowSubjectInput })
+          store.dispatch('setInstanceOption', { name: 'sitenameEnabled', value: sitenameEnabled })
           if (chatDisabled) {
             store.dispatch('disableChat')
           }

src/modules/instance.js

@@ -25,6 +25,7 @@ const defaultState = {
   scopeCopy: true,
   subjectLineBehavior: 'email',
   loginMethod: 'password',
+  sitenameEnabled: true,
 
   // Nasty stuff
   pleromaBackend: true,

static/config.json

@@ -14,6 +14,7 @@
   "scopeCopy": false,
   "subjectLineBehavior": "email",
   "alwaysShowSubjectInput": true,
+  "sitenameEnabled": true,
   "hidePostStats": false,
   "hideUserStats": false,
   "loginMethod": "password"