From 3a3ec4e45e16d4c65eb40886304d19d2c1957865 Mon Sep 17 00:00:00 2001
From: Maikel Linke <maikel@email.org.au>
Date: Fri, 26 Jun 2020 17:50:48 +1000
Subject: [PATCH] Close price breakdown on click outside

---
 .../javascripts/templates/price_breakdown.html.haml    |  1 +
 app/assets/stylesheets/darkswarm/_shop-popovers.scss   | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/app/assets/javascripts/templates/price_breakdown.html.haml b/app/assets/javascripts/templates/price_breakdown.html.haml
index 607d5a12ce..92de2e5b3f 100644
--- a/app/assets/javascripts/templates/price_breakdown.html.haml
+++ b/app/assets/javascripts/templates/price_breakdown.html.haml
@@ -1,5 +1,6 @@
 .joyride-tip-guide.price_breakdown{"ng-class" => "{ in: tt_isOpen, fade: tt_animation }"}
   %span.joyride-nub.top
+  .background{ng: {show: "tt_isOpen", click: "tt_isOpen = false"}}
   .joyride-content-wrapper
     %ul
       %li
diff --git a/app/assets/stylesheets/darkswarm/_shop-popovers.scss b/app/assets/stylesheets/darkswarm/_shop-popovers.scss
index 8fc25d1d75..9cd9750d33 100644
--- a/app/assets/stylesheets/darkswarm/_shop-popovers.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-popovers.scss
@@ -27,6 +27,16 @@
     left: 7.4rem;
   }
 
+  .background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    cursor: pointer;
+  }
+
   ul, li {
     list-style: none;
     margin: 0;