From 1de3bd3b4340cb51b2699a14a92d653db988a988 Mon Sep 17 00:00:00 2001
From: Harrison Healey <harrisonmhealey@gmail.com>
Date: Wed, 3 Aug 2016 00:01:33 -0400
Subject: PLT-3640 Add mobile landing pages (#3674)

* PLT-3640 Moved all clientside user agent snooping into a single file

* PLT-3640 Added mobile landing pages on login to iOS and Android web apps

* PLT-3640 Moved landing page to appear before first login

* PLT-3640 Fixed detection of Chrome on Android

* PLT-3640 Disabled mobile landing pages when their respective URLs are set to blank
---
 webapp/sass/routes/_get-app.scss | 96 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 96 insertions(+)
 create mode 100644 webapp/sass/routes/_get-app.scss

(limited to 'webapp/sass/routes/_get-app.scss')

diff --git a/webapp/sass/routes/_get-app.scss b/webapp/sass/routes/_get-app.scss
new file mode 100644
index 000000000..88797d053
--- /dev/null
+++ b/webapp/sass/routes/_get-app.scss
@@ -0,0 +1,96 @@
+.get-app {
+    hr {
+        border-top: 1px solid #ddd;
+    }
+
+    .get-app__header {
+        color: #666;
+        font-size: 20px;
+        font-weight: bold;
+        text-align: center
+    }
+
+    .get-app__screenshot {
+        border-bottom: 1px solid #ddd;
+        display: block;
+        margin: auto;
+    }
+
+    .get-app__continue-with-browser {
+        display: block;
+        margin-top: 40px;
+        text-align: center;
+    }
+}
+
+.get-android-app {
+    margin: 20px;
+
+    .get-app__header {
+        text-align: left;
+    }
+
+    .get-android-app__icon {
+        width: 60px;
+    }
+
+    .get-android-app__app-info {
+        display: inline-block;
+        margin-left: 8px;
+        vertical-align: middle;
+
+        .get-android-app__app-name {
+            color: #666;
+            display: block;
+            font-size: 13px;
+            font-weight: bold;
+        }
+
+        .get-android-app__app-creator {
+            color: #aaa;
+            display: block;
+            font-size: 10px
+        }
+    }
+
+    .get-app__screenshot {
+        width: 240px;
+    }
+
+    .get-android-app__continue {
+        display: block;
+        font-size: 16px;
+        margin-bottom: 40px;
+        margin-top: 15px;
+        padding: 12px;
+    }
+}
+
+.get-ios-app {
+    margin: 30px;
+
+    .get-app__screenshot {
+        width: 180px;
+    }
+
+    .get-ios-app__app-store-link {
+        display: block;
+        margin: auto;
+        margin-bottom: 30px;
+        width: 180px;
+    }
+
+    .get-ios-app__already-have-it {
+        font-size: 18px;
+        margin-bottom: 20px;
+        text-align: center;
+    }
+
+    .get-ios-app__open-mattermost {
+        display: block;
+        font-size: 20px;
+        margin: auto;
+        padding: 12px;
+        width: 220px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-1-g7c22