Add data-close-on-click false

to keep reveals from closing if they click outside of it.

diff --git a/views/admin/billing/accounts.html b/views/admin/billing/accounts.html
index 050c1d2..cf0ceac 100644 (file)
--- a/views/admin/billing/accounts.html
+++ b/views/admin/billing/accounts.html
@@ -225,7 +225,7 @@
 
 </script>
 
-<div id="glmBillingInfo" class="medium reveal" data-reveal>
+<div id="glmBillingInfo" class="medium reveal" data-reveal data-close-on-click="false">
 </div>
 <div class="reveal" id="billingInfoSuccess" data-reveal>
     <h2>Billing Info Updated!</h2>
@@ -233,14 +233,14 @@
         <span aria-hidden="true">&times;</span>
     </button>
 </div>
-<div id="glmBillingStatements" class="large reveal" data-reveal>
+<div id="glmBillingStatements" class="large reveal" data-reveal data-close-on-click="false">
     <button class="close-button" data-close aria-label="Close" type="button">
         <span aria-hidden="true">&times;</span>
     </button>
 </div>
-<div id="glmBillingPayment" class="medium reveal" data-reveal>
+<div id="glmBillingPayment" class="medium reveal" data-reveal data-close-on-click="false">
 </div>
-<div id="glmBillingView" class="large reveal" data-reveal>
+<div id="glmBillingView" class="large reveal" data-reveal data-close-on-click="false">
 </div>
 <div id="glmLoading" class="" style="display:none; position: absolute; left: 50%; top: 50vh;width: 100%; height: 100%;z-index: 9999;">
     <img src="{$pluginAssetsUrl}loading25.gif">