raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-26 01:33:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix stripe elements styling

Browse Source 
The selectors are different now that we're not using Angular to build the stripe card element.
This commit is contained in:
Matt-Yorkley
2021-12-07 16:46:42 +00:00
parent d22cb0e1e1
commit 83fafe9969
2 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/darkswarm/split-checkout.scss
View File

@@ -97,6 +97,18 @@
}
}
.stripe-card {
background: white;
box-sizing: border-box;
font-weight: 400;
padding: 0.6rem 0.5rem;
border: 1px solid #cccccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 0;
height: 42px;
width: 100%;
}
label {
margin-bottom: 0.3rem;
}

2
app/views/split_checkout/payment/_stripe_sca.html.haml
View File

@@ -12,7 +12,7 @@
%label
= t('split_checkout.step2.form.stripe.use_new_card')
%div{ "data-controller": "stripe", "data-stripe-key": "#{Stripe.publishable_key}" }
%div.stripe-card{ "data-controller": "stripe", "data-stripe-key": "#{Stripe.publishable_key}" }
= hidden_field_tag "order[payments_attributes][][source_attributes][first_name]", @order.bill_address.first_name
= hidden_field_tag "order[payments_attributes][][source_attributes][last_name]", @order.bill_address.last_name
= hidden_field_tag "order[payments_attributes][][source_attributes][month]", nil, { "data-stripe-target": "expMonth" }