moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge pull request #400 from pcoder/bug/date_align_right_order_confirm

Browse source 
Added style to right align date in desktop view in Order Confirm page
This commit is contained in:
Pcoder 2017-07-17 21:07:54 +02:00 committed by GitHub
commit 53ec2d5e7d
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
datacenterlight/templates/datacenterlight/order_detail.html
View file

@ -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>

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

@ -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;
@ -631,7 +642,11 @@ a.unlink:hover {
#billing-form .form-control { #billing-form .form-control {
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) {

2
hosting/templates/hosting/order_detail.html
View file

@ -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>