From 30bfb1a7bd9c47a9f27f30c1eb89cc6edb608dfa Mon Sep 17 00:00:00 2001 From: Maikel Linke Date: Wed, 16 Sep 2020 14:33:34 +1000 Subject: [PATCH] Fix clickable area when opening price breakdown Once a price breakdown has been opened, the nub was over the bottom half of the pie button. It made half of the pie unclickable. And when you closed the breakdown, it became invisible but stayed present, absorbing all clicks in that area. So other pie buttons were unclickable as well. --- app/assets/javascripts/templates/price_breakdown.html.haml | 4 ++-- app/assets/stylesheets/darkswarm/_shop-popovers.scss | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/app/assets/javascripts/templates/price_breakdown.html.haml b/app/assets/javascripts/templates/price_breakdown.html.haml index 92de2e5b3f..1eaabf618a 100644 --- a/app/assets/javascripts/templates/price_breakdown.html.haml +++ b/app/assets/javascripts/templates/price_breakdown.html.haml @@ -1,6 +1,6 @@ -.joyride-tip-guide.price_breakdown{"ng-class" => "{ in: tt_isOpen, fade: tt_animation }"} +.joyride-tip-guide.price_breakdown{ng: {class: "{ in: tt_isOpen, fade: tt_animation }", show: "tt_isOpen"}} %span.joyride-nub.top - .background{ng: {show: "tt_isOpen", click: "tt_isOpen = false"}} + .background{ng: {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 9cd9750d33..9d3e0df16b 100644 --- a/app/assets/stylesheets/darkswarm/_shop-popovers.scss +++ b/app/assets/stylesheets/darkswarm/_shop-popovers.scss @@ -25,6 +25,7 @@ .joyride-nub.top { left: 7.4rem; + z-index: -1; } .background {