Close price breakdown on click outside

2026-01-24 20:36:49 +00:00 · 2020-06-26 17:50:48 +10:00
parent 6bb48c0954
commit 3a3ec4e45e
2 changed files with 11 additions and 0 deletions
--- 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
--- 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;