diff options
| author | Harrison Healey <harrisonmhealey@gmail.com> | 2016-08-03 00:01:33 -0400 |
|---|---|---|
| committer | Corey Hulen <corey@hulen.com> | 2016-08-02 20:01:33 -0800 |
| commit | 1de3bd3b4340cb51b2699a14a92d653db988a988 (patch) | |
| tree | 604703f9acf4ea3b71f30bdfa532020e9fb233be /webapp/sass/routes/_get-app.scss | |
| parent | 790dd91e7d93b5debaf86915c34f8a73a3ff95bd (diff) | |
| download | chat-1de3bd3b4340cb51b2699a14a92d653db988a988.tar.gz chat-1de3bd3b4340cb51b2699a14a92d653db988a988.tar.bz2 chat-1de3bd3b4340cb51b2699a14a92d653db988a988.zip | |
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
Diffstat (limited to 'webapp/sass/routes/_get-app.scss')
| -rw-r--r-- | webapp/sass/routes/_get-app.scss | 96 |
1 files changed, 96 insertions, 0 deletions
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 |