From 1d5299e254ed33c660b72d66afce42b57244289d Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Wed, 12 Oct 2016 15:21:38 -0400
Subject: [PATCH] add back button

---
 src/sass/views/includes/actionSheet.scss | 14 +++++++++++---
 www/img/icon-back-arrow.svg              | 18 ++++++++++++++++++
 www/views/includes/actionSheet.html      |  2 +-
 3 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 www/img/icon-back-arrow.svg

diff --git a/src/sass/views/includes/actionSheet.scss b/src/sass/views/includes/actionSheet.scss
index 9d2b1e173..174c63671 100644
--- a/src/sass/views/includes/actionSheet.scss
+++ b/src/sass/views/includes/actionSheet.scss
@@ -9,11 +9,19 @@ action-sheet {
       bottom: 0;
       left: 0;
       transform: translateY(100%);
-      transition: transform 250ms ease;
+      transition: transform 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
       z-index: 100;
 
       &.slide-up {
         transform: translateY(0);
+        box-shadow: 0px 2px 13px 3px rgba(0, 0, 0, .3);
+      }
+
+      .back-arrow {
+        padding: 1rem;
+        padding-top: 1.5rem;
+        padding-left: 2rem;
+        cursor: pointer;
       }
     }
 
@@ -24,12 +32,12 @@ action-sheet {
       top: 0;
       left: 0;
       background: rgba(0, 0, 0, 0);
-      transition: background 250ms ease;
+      transition: background 250ms cubic-bezier(0.4, 0.0, 0.2, 1);;
       pointer-events: none;
       z-index: 99;
 
       &.fade-in {
-        background: rgba(0, 0, 0, .5);
+        background: rgba(0, 0, 0, .4);
         pointer-events: all;
       }
     }
diff --git a/www/img/icon-back-arrow.svg b/www/img/icon-back-arrow.svg
new file mode 100644
index 000000000..18e06f27b
--- /dev/null
+++ b/www/img/icon-back-arrow.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="15px" viewBox="0 0 22 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>controls-ico-back</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Header/Controls/Back-(Dark)" transform="translate(-20.000000, -35.000000)" stroke-width="2" stroke="#4D4D4D">
+            <g id="controls-ico-back" transform="translate(21.000000, 36.000000)">
+                <g id="Icons/Back-Arrow/Light">
+                    <g id="Back-arrow-(White)">
+                        <path d="M12.1129878,12.8087726 L19.6825617,6.27049696 M11.9604103,0.0270404646 L19.7044837,6.19072819 M0.25515308,6.21111111 L19.5439223,6.21111111" id="Line" transform="translate(9.979818, 6.417907) scale(-1, 1) translate(-9.979818, -6.417907) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/www/views/includes/actionSheet.html b/www/views/includes/actionSheet.html
index 41cd68a57..b4abfffae 100644
--- a/www/views/includes/actionSheet.html
+++ b/www/views/includes/actionSheet.html
@@ -4,5 +4,5 @@
   ng-click="hide()">
 </div>
 <div class="bp-action-sheet__sheet" ng-class="{'slide-up': show}">
-
+  <img class="back-arrow" src="img/icon-back-arrow.svg" ng-click="hide()">
 </div>