From 0d40b5864fd044caea9af03ddef7c06d1b62e1e0 Mon Sep 17 00:00:00 2001
From: Benjamin ter Kuile <bterkuile@gmail.com>
Date: Wed, 24 Dec 2014 10:21:19 +0100
Subject: [PATCH] Add ios specific support

---
 .../user/app/views/application_view.js.coffee          |  5 +++++
 .../user/foundation/components/_ios.css.sass           | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 app/assets/stylesheets/user/foundation/components/_ios.css.sass

diff --git a/app/assets/javascripts/user/app/views/application_view.js.coffee b/app/assets/javascripts/user/app/views/application_view.js.coffee
index bc7bf28d..aeb692ae 100644
--- a/app/assets/javascripts/user/app/views/application_view.js.coffee
+++ b/app/assets/javascripts/user/app/views/application_view.js.coffee
@@ -14,3 +14,8 @@ App.ApplicationView = Ember.View.extend
         if fingerCount is 3 and direction is "up"
           controller.transitionToRoute "settings"
       fingers: 'all'
+
+    #ios7 detection
+    if window.device and window.device.platform and window.device.platform.toLowerCase() is "ios" and parseFloat(window.device.version) >= 7.0
+      controller.set 'ios7', true
+      $('body').addClass 'ios7'
diff --git a/app/assets/stylesheets/user/foundation/components/_ios.css.sass b/app/assets/stylesheets/user/foundation/components/_ios.css.sass
new file mode 100644
index 00000000..0cab788c
--- /dev/null
+++ b/app/assets/stylesheets/user/foundation/components/_ios.css.sass
@@ -0,0 +1,10 @@
+body.ios7
+  $ios-menu-height: 20px
+  .top-menu
+    margin-top: $ios-menu-height
+  .side-menu
+    margin-top: $ios-menu-height
+  #ember-app-container
+    padding-top: $ios-menu-height
+  .main-section
+    top: $top-menu-height + $ios-menu-height