From 8a37d6b10e7a02126895a35b37c17d12be236c13 Mon Sep 17 00:00:00 2001 From: Tankred Hase Date: Wed, 16 Oct 2013 14:03:13 +0200 Subject: [PATCH] add responsive tweeks and create two main html for ios and chrome --- src/background.js | 2 +- src/chrome.html | 19 +++++++++++++++++++ src/{index.html => ios.html} | 7 +++---- src/js/controller/navigation.js | 2 +- src/sass/_scaffolding.scss | 5 +++++ src/sass/views/_mail-list.scss | 15 ++++++++++++--- 6 files changed, 41 insertions(+), 9 deletions(-) create mode 100644 src/chrome.html rename src/{index.html => ios.html} (94%) mode change 100755 => 100644 diff --git a/src/background.js b/src/background.js index 3252809..b18c44c 100644 --- a/src/background.js +++ b/src/background.js @@ -1,7 +1,7 @@ 'use strict'; chrome.app.runtime.onLaunched.addListener(function() { - chrome.app.window.create('index.html', { + chrome.app.window.create('chrome.html', { 'bounds': { 'width': 1024, 'height': 768 diff --git a/src/chrome.html b/src/chrome.html new file mode 100644 index 0000000..66cf92e --- /dev/null +++ b/src/chrome.html @@ -0,0 +1,19 @@ + + + + + Mail + + + + + + + + + + + +
+ + diff --git a/src/index.html b/src/ios.html old mode 100755 new mode 100644 similarity index 94% rename from src/index.html rename to src/ios.html index 3b5aea0..955946a --- a/src/index.html +++ b/src/ios.html @@ -2,12 +2,12 @@ + Mail - Mail @@ -16,9 +16,8 @@ - - -
+ +
diff --git a/src/js/controller/navigation.js b/src/js/controller/navigation.js index 1287ea2..fd2e65c 100644 --- a/src/js/controller/navigation.js +++ b/src/js/controller/navigation.js @@ -33,7 +33,7 @@ define(function(require) { $scope.write = function(replyTo) { var replyToPath = (replyTo) ? encodeURIComponent($scope.currentFolder.path) + '/' + replyTo.uid : '', - url = 'index.html#/write/' + replyToPath; + url = 'chrome.html#/write/' + replyToPath; if (window.chrome && chrome.app.window) { chrome.app.window.create(url, { diff --git a/src/sass/_scaffolding.scss b/src/sass/_scaffolding.scss index f238267..9583382 100755 --- a/src/sass/_scaffolding.scss +++ b/src/sass/_scaffolding.scss @@ -34,6 +34,11 @@ textarea { -moz-osx-font-smoothing: grayscale; } +// add space at the top since ios7 apps are now fullscreen +.ios-spacer { + padding-top: 20px; +} + // Basic layout .main-app-view { height: 100%; diff --git a/src/sass/views/_mail-list.scss b/src/sass/views/_mail-list.scss index a222634..1d68c47 100755 --- a/src/sass/views/_mail-list.scss +++ b/src/sass/views/_mail-list.scss @@ -2,11 +2,20 @@ $padding-horizontal: 15px; $padding-vertical: 10px; - float: left; - width: $content-nav-width; background: $color-grey-lightest; background-image: linear-gradient(to right ,$color-grey-lightest 98%, darken($color-grey-lightest, 1%) 100%); - border-right: 1px solid $color-grey-light; + + // remove flickering on item touch selection in ios + * { + -webkit-tap-highlight-color: transparent !important; + } + + width: 100%; + @include respond-to(desktop) { + float: left; + width: $content-nav-width; + border-right: 1px solid $color-grey-light; + } header {