gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve payment view styling

Browse source
This commit is contained in:
Rishabh Saxena 2016-08-10 13:53:14 +05:30
parent 5c21d1c4d9
commit 922440fb77
2 changed files with 2 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/assets/stylesheets/osem-payments.css.scss
View file

@ -1,25 +1,3 @@
.price-tags {
list-style-type: none;
}
.price-tags li {
line-height: 40px;
position: relative;
margin-right: -3rem;
}
.price-tags a {
background: #2f991d;
color: #fff;
font-size: 1.5rem;
padding: 9px 10px;
text-decoration: none;
}
.price-tags a:after {
content: "";
float: left;
border-top: 20px solid transparent;
border-right: 20px solid #2f991d;
border-bottom: 20px solid transparent;
}
.stripe-button-el {
float: right;
}

7
app/views/payments/_payment.html.haml
View file

@ -20,16 +20,13 @@
= humanized_money_with_symbol ticket.quantity * ticket.price
= form_tag conference_payments_path do
%ul.price-tags.pull-right
%li
%a
= humanized_money_with_symbol @total_amount_to_pay
%script.stripe-button{ src: "https://checkout.stripe.com/checkout.js",
data: { amount: @total_amount_to_pay.cents,
label: "Pay #{humanized_money_with_symbol @total_amount_to_pay}",
email: current_user.email,
currency: @total_amount_to_pay.currency,
name: ENV['OSEM_NAME'] || 'OSEM',
description: "book your tickets",
key: Rails.application.secrets.stripe_publishable_key,
locale: "auto"}}
= link_to 'Edit Purchase', conference_tickets_path(@conference.short_title), class: 'btn btn-primary'
= link_to 'Edit Purchase', conference_tickets_path(@conference.short_title), class: 'btn btn-default'