Added toggle personal info

resources/cider-ui-tests/index.html

@@ -148,6 +148,9 @@
                 </div>
                 <transition name="wpfade">
                     <div class="app-sidebar-content" v-if="chrome.menuOpened">
+                        <button class="app-sidebar-item" @click="chrome.hideUserInfo = !chrome.hideUserInfo">
+                            Toggle Personal Info
+                        </button>
                         <button class="app-sidebar-item">
                             About
                         </button>
@@ -172,7 +175,7 @@
                             </div>
                         </template>
 
-                        <div class="sidebar-user-text">
+                        <div class="sidebar-user-text" v-if="!chrome.hideUserInfo">
                             <template v-if="chrome.userinfo.attributes">
                                 <div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
                                 <div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
@@ -181,6 +184,9 @@
                                 Sign in
                             </template>
                         </div>
+                        <div class="sidebar-user-text" v-else>
+                            Cider
+                        </div>
                     </button>
                 </div>
             </div>

resources/cider-ui-tests/index.js

@@ -122,6 +122,7 @@ const app = new Vue({
             details: {}
         },
         chrome: {
+            hideUserInfo: false,
             artworkReady: false,
             userinfo: {},
             menuOpened: false,