From 22109c9030a923fcc8d10d3bfb5145c125b3a196 Mon Sep 17 00:00:00 2001
From: Rafael Martins <rmmartins@gmail.com>
Date: Tue, 20 Dec 2011 21:28:39 -0200
Subject: [PATCH] Added a 'close' button to the shopping cart checkout

---
 plugins/shopping_cart/public/cart.js                                  |  4 ++++
 plugins/shopping_cart/public/style.css                                | 10 +++++++++-
 plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb |  1 +
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/plugins/shopping_cart/public/cart.js b/plugins/shopping_cart/public/cart.js
index f7c627f..f73d116 100644
--- a/plugins/shopping_cart/public/cart.js
+++ b/plugins/shopping_cart/public/cart.js
@@ -304,6 +304,10 @@ function Cart(config) {
     });
   }
 
+  Cart.colorbox_close = function() {
+    $.colorbox.close();
+  }
+
   $(function(){
     $('.cart-add-item').button({ icons: { primary: 'ui-icon-cart'} })
   });
diff --git a/plugins/shopping_cart/public/style.css b/plugins/shopping_cart/public/style.css
index b4a0d0b..43fddef 100644
--- a/plugins/shopping_cart/public/style.css
+++ b/plugins/shopping_cart/public/style.css
@@ -17,7 +17,6 @@
   width: 200px;
   z-index: 1000;
   border: 1px solid #777;
-  border-top: none;
   background: rgba(100,100,100,0.8);
 }
 
@@ -120,6 +119,15 @@
   float: left;
 }
 
+#cart-request-box .cart-box-close {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  width: 16px;
+  height: 16px;
+  background-repeat: no-repeat;
+}
+
 #cart-form-main {
   border: 2px solid #FFF;
   padding: 0px 10px;
diff --git a/plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb b/plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb
index 187ce1c..6f57217 100644
--- a/plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb
+++ b/plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb
@@ -17,6 +17,7 @@
     </div>
   <% end %>
   <%= items_table(session[:cart][:items], profile) %>
+  <a href="" onclick="Cart.colorbox_close(this);" class="cart-box-close icon-cancel"/>
 </div>
 
 <script type="text/javascript">
--
libgit2 0.21.2