From b4dbdb7ac4b57f55fc17ab9d4dbf4e0f1c9c59f9 Mon Sep 17 00:00:00 2001
From: pablovidal85 <pablovidal85@gmail.com>
Date: Wed, 3 May 2017 12:40:19 +0200
Subject: [PATCH] Fix css transform for android 4.4.2 webview

---
 src/sass/views/feedback/complete.scss             |  3 +++
 src/sass/views/onboarding/onboard-disclaimer.scss |  1 +
 src/sass/views/tab-receive.scss                   | 10 ++++++++++
 src/sass/views/walletDetails.scss                 |  3 +++
 4 files changed, 17 insertions(+)

diff --git a/src/sass/views/feedback/complete.scss b/src/sass/views/feedback/complete.scss
index 71b384cda..bb2e75ea6 100644
--- a/src/sass/views/feedback/complete.scss
+++ b/src/sass/views/feedback/complete.scss
@@ -56,6 +56,7 @@
     padding: 50px 10px 30px;
     background-color: $v-subtle-gray;
     text-align: center;
+    -webkit-transform: translateY(100%);
     transform: translateY(100%);
     opacity: 0;
     animation-name: slideUpFadeIn;
@@ -76,10 +77,12 @@
 
 @keyframes slideUpFadeIn {
   from {
+    -webkit-transform: translateY(100%);
     transform: translateY(100%);
     opacity: 0;
   }
   to {
+    -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss
index c0441e304..33f308ef2 100644
--- a/src/sass/views/onboarding/onboard-disclaimer.scss
+++ b/src/sass/views/onboarding/onboard-disclaimer.scss
@@ -13,6 +13,7 @@
   height: 100%;
   transition: transform 2.5s ease;
   &.shrink{
+    -webkit-transform: scale(.8);
     transform: scale(.8);
   }
   &-container {
diff --git a/src/sass/views/tab-receive.scss b/src/sass/views/tab-receive.scss
index 483f988c3..8d8b537fc 100644
--- a/src/sass/views/tab-receive.scss
+++ b/src/sass/views/tab-receive.scss
@@ -100,6 +100,7 @@
       top:50%;
       &, &.next {
         left:100%;
+        -webkit-transform: translate(100%, -40%);
         transform: translate(100%, -40%);
       }
       &.next, &.prev {
@@ -110,10 +111,12 @@
         left:50%;
       }
       &.current {
+        -webkit-transform: translate(-50%, -40%);
         transform: translate(-50%, -40%);
         z-index: 3;
       }
       &.prev {
+        -webkit-transform: translate(-150%, -40%);
         transform: translate(-150%, -40%);
       }
       .item {
@@ -152,13 +155,16 @@
           left:50%;
         }
         &.current {
+          -webkit-transform: translate(-50%, -40%);
           transform: translate(-50%, -40%);
         }
         &.prev {
+          -webkit-transform: translate(-150%, -40%);
           transform: translate(-150%, -40%);
         }
         &.next {
           left:100%;
+          -webkit-transform: translate(100%, -40%);
           transform: translate(100%, -40%);
         }
       }
@@ -170,6 +176,7 @@
         button {
           width: 100%;
           top: 50%;
+          -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
         }
       }
@@ -379,6 +386,7 @@
         .bit-address {
           .item{
             top: 40%;
+            -webkit-transform: translateY(-40%);
             transform: translateY(-40%);
             font-size:1rem;
           }
@@ -417,6 +425,7 @@
           position: relative;
           .card {
             opacity: 1;
+            -webkit-transform: scale(1);
             transform: scale(1);
           }
           &:before {
@@ -445,6 +454,7 @@
         margin: 1.5rem auto 0;
         position: relative;
         opacity: .5;
+        -webkit-transform:scale(.85);
         transform:scale(.85);
         transition:transform .2s ease;
         .item {
diff --git a/src/sass/views/walletDetails.scss b/src/sass/views/walletDetails.scss
index fe68b1d40..3ee4846f4 100644
--- a/src/sass/views/walletDetails.scss
+++ b/src/sass/views/walletDetails.scss
@@ -152,6 +152,7 @@
       position: absolute;
       width: 100%;
       height: 500px;
+      -webkit-transform: translateY(-499px);
       transform: translateY(-499px);
 
       &.collapsible {
@@ -161,6 +162,7 @@
         position: absolute;
         width: 100%;
         height: 200px;
+        -webkit-transform: translateY(100px);
         transform: translateY(100px);
       }
     }
@@ -180,6 +182,7 @@
     }
 
     &__balance {
+      -webkit-transform: scale3d(1, 1, 1) translateY(45px);
       transform: scale3d(1, 1, 1) translateY(45px);
     }