pleroma-fe

commit: 6cca15bade6f3cf2a2586c8e7390e2bc988f5f6e
parent: 6a867f6ae38b4bc3981fb6ca402c196a0967c49e
Author: Shpuld Shpludson <shp@cock.li>
Date:   Wed,  6 Feb 2019 18:13:56 +0000

Merge branch 'fix/create-a-login-hint-on-mobile' into 'develop'

create a login hint on mobile

Closes #308

See merge request pleroma/pleroma-fe!530
Diffstat:
M
src/App.scss
14
++++++++++++++
M
src/App.vue
5
+++++
M
src/i18n/en.json
3
++-

3 files changed, 21 insertions(+), 1 deletion(-)
diff --git a/src/App.scss b/src/App.scss
@@ -719,3 +719,17 @@ nav {
     margin-right: 0.8em;
   }
 }
+
+.login-hint {
+  text-align: center;
+  
+  @media all and (min-width: 801px) {
+    display: none;
+  }
+
+  a {
+    display: inline-block;
+    padding: 1em 0px;
+    width: 100%;
+  }
+}
diff --git a/src/App.vue b/src/App.vue
@@ -37,6 +37,11 @@
         </div>
       </div>
       <div class="main">
+        <div v-if="!currentUser" class="login-hint panel panel-default">
+          <router-link :to="{ name: 'login' }" class="panel-body">
+            {{ $t("login.hint") }}
+          </router-link>
+        </div>
         <transition name="fade">
           <router-view></router-view>
         </transition>
diff --git a/src/i18n/en.json b/src/i18n/en.json
@@ -28,7 +28,8 @@
     "password": "Password",
     "placeholder": "e.g. lain",
     "register": "Register",
-    "username": "Username"
+    "username": "Username",
+    "hint": "Log in to join discussion"
   },
   "nav": {
     "about": "About",