credit card, button, modal size fixed
This commit is contained in:
unknown
parent
8f44c43850
commit
1648d9558c
7 changed files with 75 additions and 39 deletions
|
|
@ -84,7 +84,7 @@
|
|||
<input type="hidden" name="start_date" value="{{order.booking.start_date}}">
|
||||
<!-- <a class="" href="{% url 'digitalglarus:booking_orders_list' %}" data-toggle="modal" data-target="#cancel-booking-modal">Cancel booking</a> -->
|
||||
<a class="btn btn-primary btn-blue" href="{% url 'digitalglarus:booking_orders_list' %}">Go to my page</a>
|
||||
<button type="button" class="btn btn-primary btn-blue" data-toggle="modal" data-target="#cancel-booking-modal">Cancel booking</button>
|
||||
<button type="button" class="btn btn-primary btn-grey" data-toggle="modal" data-target="#cancel-booking-modal">Cancel booking</button>
|
||||
</p>
|
||||
|
||||
<div class="modal fade bs-example-modal-sm" id="cancel-booking-modal" tabindex="-1" role="dialog">
|
||||
|
|
|
|||
|
|
@ -19,18 +19,17 @@
|
|||
padding-right: 1.5em
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
|
||||
#cancel-subscription-modal .modal-dialog {width:1000px;}
|
||||
|
||||
.glyphicon-flag {
|
||||
cancel-subscription-modal .modal-dialog {width:1000px;}
|
||||
|
||||
.glyphicon-flag {
|
||||
font-size: 44px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 30px auto 30px;
|
||||
color: #88c7d7;
|
||||
}
|
||||
}
|
||||
.price2 {
|
||||
|
||||
|
||||
|
|
@ -38,6 +37,45 @@
|
|||
-moz-background-size: cover;
|
||||
|
||||
}
|
||||
|
||||
cancel-subscription-modal .modal-body {
|
||||
max-height: 800px;
|
||||
}
|
||||
|
||||
}
|
||||
@media screen and (min-width: 780px) {
|
||||
|
||||
cancel-subscription-modal .modal-dialog {width:1000px;}
|
||||
|
||||
.glyphicon-flag {
|
||||
font-size: 44px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 30px auto 30px;
|
||||
color: #88c7d7;
|
||||
|
||||
}
|
||||
.price2 {
|
||||
|
||||
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 982px) {
|
||||
|
||||
cancel-subscription-modal .modal-dialog {width:600px;}
|
||||
|
||||
|
||||
cancel-subscription-modal .modal-body {
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -212,19 +250,23 @@
|
|||
|
||||
|
||||
|
||||
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true">
|
||||
|
||||
|
||||
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true">
|
||||
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
|
||||
<section id="price2">
|
||||
<div class="container">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
|
||||
<div class="row col-xs-12 col-sm-12 col-lg-10 text-center wow fadeInDown">
|
||||
<div class="price-box">
|
||||
<div class="modal-dialog" role="document">
|
||||
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-body">
|
||||
|
||||
<section id="price2">
|
||||
<div class="container">
|
||||
|
||||
<!--<div class="row col-md-2 text-center wow fadeInDown"></div> -->
|
||||
<div class="row col-xs-12 col-sm-7 col-lg-6 text-center wow fadeInDown">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<div class="price-box">
|
||||
|
||||
<span class="glyphicon glyphicon-flag"></span>
|
||||
<h2 class="section-heading">General Terms & Conditions of Digital Glarus Membership</h2>
|
||||
<h2 class="price">Valid from 31 October 2016, v1.0 dated 31 October 2016</h2>
|
||||
|
|
|
|||
|
|
@ -72,14 +72,15 @@
|
|||
</form>
|
||||
|
||||
{% else %}
|
||||
<form role="form" id="billing-form" method="post" action="{% url 'digitalglarus:booking_payment' %}" novalidate>
|
||||
<form role="form" id="billing-form" method="post" action="{% url 'digitalglarus:TermsAndConditions' %}" novalidate>
|
||||
{% csrf_token %}
|
||||
<h2 class="membership-lead">Last 4: *****{{last4}}</h2>
|
||||
<h2 class="membership-lead">Type: {{cc_brand}}</h2>
|
||||
<input type="hidden" name="credit_card_needed" value="false"/>
|
||||
</form>
|
||||
<h2 class="billing-head">Credit Card (New One)</h2>
|
||||
<div class="signup-form form-group row">
|
||||
{% csrf_token %}
|
||||
|
||||
<form role="form" id="payment-form" novalidate>
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
|
|
@ -125,7 +126,8 @@
|
|||
<div class="row">
|
||||
<div class="row">
|
||||
<div class="col-xs-6 col-md-6 col-xs-offset-1 col-md-offset-3">
|
||||
<button type="button" class="btn btn-primary btn-grey" data-dismiss="modal">Cancel</button>
|
||||
<a class="btn btn-primary btn-grey" href="{% url 'digitalglarus:booking_payment' %}">Go to my page</a>
|
||||
|
||||
<button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
</form>
|
||||
<br>
|
||||
<div class="notice-box">
|
||||
<p class="signup-text">Still have trouble? For technical support <a href="mailto:info@ungleich.ch" > Contact us </a>.</p>
|
||||
<p class="signup-text">Still have trouble? For technical support, <a href="mailto:info@ungleich.ch"> contact us </a>.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue