wip

TomConner · Nov 22, 2023 · 8ec9a41 · 8ec9a41
1 parent f1cfcd4
commit 8ec9a41
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 14 deletions.
diff --git a/generator/content/register/index.html b/generator/content/register/index.html
@@ -46,7 +46,7 @@ <h2>Payment Options</h2>
           </section>
 
           <!---------------- Payment Method: Venmo --------------->
-          <section class="tabcontent tabnonstripe" id="tab-pay-venmo">
+          <section class="tabcontent" id="tab-pay-venmo">
             <p>
               <strong>Pay by Venmo</strong>
             </p>
@@ -56,7 +56,7 @@ <h2>Payment Options</h2>
           </section>
 
           <!---------------- Payment Method: On Tree --------------->
-          <section class="tabcontent tabnonstripe" id="tab-pay-on-tree">
+          <section class="tabcontent" id="tab-pay-on-tree">
             <p>
               <strong>Attach cash or check to tree on pickup day.</strong>
             </p>

diff --git a/generator/content/register/stripe-payment.js b/generator/content/register/stripe-payment.js
@@ -159,35 +159,35 @@ document.addEventListener('DOMContentLoaded', async () => {
 
     tablink_pay_stripe.addEventListener("click", (event) => {
       event.preventDefault();
-      tablink_pay_stripe.classList.add("active");
+      tablink_pay_stripe.classList.add("active"); // activate
       tablink_pay_venmo.classList.remove("active");
       tablink_pay_on_tree.classList.remove("active");
 
+      tabcontent_pay_stripe.classList.remove("hidden"); // show
       tabcontent_pay_venmo.classList.add("hidden");
       tabcontent_pay_on_tree.classList.add("hidden");
-      tabcontent_pay_stripe.classList.add("hidden");
     });
 
     tablink_pay_venmo.addEventListener("click", (event) => {
       event.preventDefault();
       tablink_pay_stripe.classList.remove("active");
-      tablink_pay_venmo.classList.add("active");
+      tablink_pay_venmo.classList.add("active"); // activate
       tablink_pay_on_tree.classList.remove("active");
 
       tabcontent_pay_stripe.classList.add("hidden");
-      tabcontent_pay_venmo.classList.remove("hidden");
+      tabcontent_pay_venmo.classList.remove("hidden"); // show
       tabcontent_pay_on_tree.classList.add("hidden");
     });
 
     tablink_pay_on_tree.addEventListener("click", (event) => {
       event.preventDefault();
       tablink_pay_stripe.classList.remove("active");
       tablink_pay_venmo.classList.remove("active");
-      tablink_pay_on_tree.classList.add("active");
+      tablink_pay_on_tree.classList.add("active"); // activate
 
       tabcontent_pay_stripe.classList.add("hidden");
       tabcontent_pay_venmo.classList.add("hidden");
-      tabcontent_pay_on_tree.classList.remove("hidden");
+      tabcontent_pay_on_tree.classList.remove("hidden"); // show
     });
 
     tablink_pay_stripe.click();

diff --git a/generator/static/css/stripe-base.css b/generator/static/css/stripe-base.css
@@ -125,10 +125,11 @@ fieldset, input, select {
   background-color: #558f12;
 }
 
-
 /* Style the tab content */
 .tabcontent {
-  display: none;
+  padding: 6px 12px;
+  border: 1px solid #ccc;
+  border-top: none;
 }
 
 .tabnonstripe {
@@ -137,10 +138,7 @@ fieldset, input, select {
   border-top: none;
 }
 
-
-
-
-/* TC added */
+/* hide content */
 .hidden {
   display: none;
 }