ungleich-public/dynamicweb
6
0
Fork 0
Code Issues 1 Pull requests 2 Projects Releases Wiki Activity

Fixed MM/YY and CVV for mobile view

Browse source
This commit is contained in:
PCoder 2017-07-16 15:50:15 +05:30
parent ba72527f2f
commit acaa791a37
2 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
hosting/static/hosting/css/landing-page.css
View file

@ -524,7 +524,7 @@ a.unlink:hover {
}
.brand {
float: left;
width: 8%;
width: 10%;
}
.brand #brand-icon {
vertical-align: bottom;
@ -592,6 +592,23 @@ a.unlink:hover {
margin-top: 30px;
margin-bottom: 30px;
}
.credit-card-element-with-brand {
width: 100%;
float: left;
}
.brand {
width: 16%;
}
.card-expiry-element {
width: 40%;
}
.card-cvc-element {
width: 15%;
}
}
@media (min-width: 1200px) {

8
hosting/templates/hosting/payment.html
View file

@ -155,9 +155,11 @@
<form action="" id="payment-form-new" method="POST">
<input type="hidden" name="token" />
<div class="group">
<div class="brand"><i class="pf pf-credit-card" id="brand-icon"></i></div>
<div class="card-number-element">
<div id="card-number-element" class="field"></div>
<div class="credit-card-element-with-brand">
<div class="brand"><i class="pf pf-credit-card" id="brand-icon"></i></div>
<div class="card-number-element">
<div id="card-number-element" class="field"></div>
</div>
</div>
<div class="card-expiry-element">
<div id="card-expiry-element" class="field"></div>