From 343c0b647bcc150f95b47deed6a6781ba27c2ba1 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Thu, 28 Nov 2013 21:12:02 -0600 Subject: [PATCH] added webkit-backface-visibility: hidden --- dist/css/ionic.css | 10 ++++++++-- scss/_scaffolding.scss | 6 ++++++ 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/dist/css/ionic.css b/dist/css/ionic.css index def70023fb..96c3060bd0 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -2208,6 +2208,8 @@ img { body, .ionic-body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; + -webkit-perspective: 1000; + -webkit-backface-visibility: hidden; @incude text-size-adjust(none); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; @@ -2249,7 +2251,9 @@ body, .ionic-body { right: 0; bottom: 0; left: 0; - overflow: hidden; } + overflow: hidden; + -webkit-perspective: 1000; + -webkit-backface-visibility: hidden; } /** * Scroll is the scroll view component available for complex and custom @@ -2267,7 +2271,9 @@ body, .ionic-body { position: absolute; z-index: 1; width: 100%; - height: 100%; } + height: 100%; + -webkit-perspective: 1000; + -webkit-backface-visibility: hidden; } .scroll-refresher { display: none; diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss index c2663a3011..3b28de063d 100644 --- a/scss/_scaffolding.scss +++ b/scss/_scaffolding.scss @@ -20,6 +20,8 @@ img { body, .ionic-body { @include font-smoothing(antialiased); + -webkit-perspective: 1000; + -webkit-backface-visibility: hidden; @incude text-size-adjust(none); @include tap-highlight-transparent(); @include user-select(none); @@ -65,6 +67,8 @@ body, .ionic-body { bottom: 0; left: 0; overflow: hidden; + -webkit-perspective: 1000; + -webkit-backface-visibility: hidden; } /** @@ -79,6 +83,8 @@ body, .ionic-body { z-index: 1; width: 100%; height: 100%; + -webkit-perspective: 1000; + -webkit-backface-visibility: hidden; } // Scroll refresher (for pull to refresh)