Merge pull request #400 from pcoder/bug/date_align_right_order_confirm
Added style to right align date in desktop view in Order Confirm page
This commit is contained in:
commit
53ec2d5e7d
3 changed files with 18 additions and 3 deletions
|
@ -25,7 +25,7 @@
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 col-sm-6 pull-right text-left">
|
<div class="col-xs-12 col-sm-6 pull-right order-confirm-date">
|
||||||
<address>
|
<address>
|
||||||
<strong>{% trans "Date"%}:</strong><br>
|
<strong>{% trans "Date"%}:</strong><br>
|
||||||
<span id="order-created_at">{% now "Y-m-d H:i" %}</span><br><br>
|
<span id="order-created_at">{% now "Y-m-d H:i" %}</span><br><br>
|
||||||
|
|
|
@ -541,28 +541,39 @@ a.unlink:hover {
|
||||||
.card-cvc-element label {
|
.card-cvc-element label {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-element {
|
.card-element {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-element label{
|
.card-element label{
|
||||||
width:100%;
|
width:100%;
|
||||||
margin-bottom:0px;
|
margin-bottom:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-input {
|
.my-input {
|
||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-cvc-element .my-input {
|
.card-cvc-element .my-input {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#card-errors {
|
#card-errors {
|
||||||
clear: both;
|
clear: both;
|
||||||
padding: 0 0 10px;
|
padding: 0 0 10px;
|
||||||
color: #eb4d5c;
|
color: #eb4d5c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.credit-card-goup{
|
.credit-card-goup{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order-confirm-date{
|
||||||
|
text-align:right;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.dcl-order-table-total span {
|
.dcl-order-table-total span {
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
|
@ -632,6 +643,10 @@ a.unlink:hover {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.order-confirm-date{
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 col-md-6 pull-right text-left">
|
<div class="col-xs-12 col-md-6 pull-right order-confirm-date">
|
||||||
<address>
|
<address>
|
||||||
<strong>{% trans "Date"%}:</strong><br>
|
<strong>{% trans "Date"%}:</strong><br>
|
||||||
<span id="order-created_at">{{order.created_at|date:'Y-m-d H:i'}}</span><br><br>
|
<span id="order-created_at">{{order.created_at|date:'Y-m-d H:i'}}</span><br><br>
|
||||||
|
|
Loading…
Reference in a new issue