Change document title

Author: ronan18

src/App.vue

@@ -48,7 +48,7 @@ export default {
   data() {
     return {
       loginText: "Login",
-      supporters: "Ronan.N, Rohan.P, Liam.J, Merideth.O"
+      supporters: "Jack, Rohan, Liam, Merideth"
     };
   },
   created() {

src/assets/editor.scss

@@ -2,6 +2,10 @@
 @import "./tooltips.scss";
 .page.editor {
   min-height: 100vh;
+  .collaberatorsContainer {
+    margin-top: 5%;
+    margin-bottom: 5%;
+  }
   #editor,
   .ql-editor {
     min-height: 100vh;
@@ -76,7 +80,6 @@
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-  .share-button {}
   .last-edited {
     margin-bottom: 0;
     font-weight: 100;
@@ -96,4 +99,5 @@
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
     -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
   }
+ 
 }

src/assets/tooltips.scss

@@ -1,6 +1,6 @@
 .tooltip {
   display: block !important;
-  z-index: 10000;
+  z-index: 100000;
   .tooltip-inner {
     background: black;
     color: white;

src/components/documents.vue

@@ -67,6 +67,7 @@ export default {
     shareOffers: false
   }),
   created() {
+    document.title = `Graphite Writer | Documents`
     firebase.auth().onAuthStateChanged(user => {
       if (user) {
         this.uid = user.uid;

src/components/editor.vue

@@ -35,10 +35,11 @@
           <h3>Shareable Link (view only)</h3>
           <a>https://beta.graphitewriter.com/#/s/{{shareUrl}}</a>
 
-          <h3>Collaberators</h3>
-          <div>
-            <i class="user" v-for="user in users" :key="user.uid"  v-tooltip="user.name">
-              <img :src="user.profile_picture" :alt="user.name" class="round-profile big" @click="removeUser(user)" >
+      
+          <div class="collaberatorsContainer">
+                <h3>Collaberators</h3>
+            <i class="user" v-for="user in users" :key="user.uid"  >
+              <img :src="user.profile_picture" :alt="user.name" class="round-profile big" @click="removeUser(user)" v-tooltip="{content: user.name, placement: 'bottom-center'}" >
               &nbsp;
             </i>
           </div>
@@ -346,6 +347,7 @@ export default {
                 this.docMeta = snapshot.val();
                 let date = new Date();
                 date = date.toString();
+                document.title = `Graphite Writer | ${this.docMeta.title}`
                 firebase
                   .database()
                   .ref(`/users/${this.uid}/docs/${this.docId}/`)

src/components/fourOhFour.vue

@@ -9,7 +9,10 @@
 <script>
 import "@/assets/fourOhFour.scss";
 export default {
-  name: "fourOhFour"
+  name: "fourOhFour",
+  created() {
+    document.title = "Graphite Writer | 404"
+  }
 };
 </script>
 

src/components/home.vue

@@ -43,6 +43,9 @@
 import "../assets/home.scss";
 export default {
   name: "home",
-  data: () => ({})
+  data: () => ({}),
+  created() {
+     document.title = "Graphite Writer BETA v0.4.0 | Create Text Documents Online For Free"
+  }
 };
 </script>

src/components/login.vue

@@ -20,6 +20,7 @@ const gitHub = new firebase.auth.GithubAuthProvider();
 export default {
   name: "login",
   created() {
+     document.title = `Graphite Writer | Login`
     console.log(localStorage.getItem("redirect") + " params");
     firebase
       .auth()

src/components/update.vue

@@ -7,6 +7,9 @@
 import "../assets/v2.scss";
 export default {
   name: "v2",
-  data: () => ({})
+  data: () => ({}),
+  created() {
+    document.title = "Graphite Writer | Whats New"
+  }
 };
 </script>