[FIX] Frontend issue with scrolling on nice mobiles

OPLZZ · Mar 12, 2014 · 1b285ad · 1b285ad
1 parent a4ff5f3
commit 1b285ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/app/assets/stylesheets/infinite-scroll.sass b/app/assets/stylesheets/infinite-scroll.sass
@@ -8,7 +8,10 @@
     bottom: 0
     overflow-y: scroll
     overflow-x: hidden
-
+    -webkit-overflow-scrolling: touch
+    &.infinite-scroll-list
+      border-top: 1px solid #fff
+      border-bottom: 1px solid #fff
   .ember-animated-container
     position: fixed
     bottom: 0px
@@ -29,6 +32,10 @@
     bottom: 0
     overflow-y: scroll
     overflow-x: hidden
+    -webkit-overflow-scrolling: touch
+    &.infinite-scroll-list
+      border-top: 1px solid #fff
+      border-bottom: 1px solid #fff
 
   .ember-animated-container
     position: fixed

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -13,7 +13,7 @@
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
   <meta name="format-detection" content="telephone=yes">
-  <meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi"/>
 
   <!-- iOS ICONS -->
   <link rel="apple-touch-icon" sizes="144x144" href="<%= image_path("icon-144.png") -%>" />