Add titles to post visibility icons

2 files changed, 6 insertions, 1 deletions

diff --git a/src/components/status/status.js b/src/components/status/status.js
index a6c49f7c..45f5ccac 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -282,6 +282,11 @@ const Status = {
         }
       }
     }
+  },
+  filters: {
+    capitalize: function (str) {
+      return str.charAt(0).toUpperCase() + str.slice(1)
+    }
   }
 }
 
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 123b0cc2..9dca85dd 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -58,7 +58,7 @@
                 <timeago :since="status.created_at" :auto-update="60"></timeago>
               </router-link>
               <div class="visibility-icon" v-if="status.visibility">
-                <i :class="visibilityIcon(status.visibility)"></i>
+                <i :class="visibilityIcon(status.visibility)" :title="status.visibility | capitalize"></i>
               </div>
               <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext-alt"></i></a>
               <template v-if="expandable">