t1meshift
/
expressCart
mirror of https://github.com/t1meshift/expressCart.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixed padding issues on cart

master
Mark Moffat 2020-01-07 12:04:22 +10:30
parent 3022884a2d
commit c4ffdff19e
6 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/javascripts/expressCart.js
View File

@ -517,7 +517,7 @@ function updateCartDiv(){
// Setup the product html
productHtml += `
<div class="d-flex flex-row bottom-pad-15">
<div class="p-2">
<div class="p-2 cart-product">
<div class="row h-200">
<div class="col-4 col-md-3 no-pad-left">
${productImage}
@ -561,7 +561,7 @@ function updateCartDiv(){
// Set the totals section
var cartTotalsHtml = `
<div class="row">
<div class="d-flex flex-row">
<div class="cart-contents-shipping col-md-12 no-pad-right">
<div class="text-right">
${shippingTotal}
@ -574,8 +574,8 @@ function updateCartDiv(){
</div>`;
var cartTotalsEmptyHtml = `
<div id="cart-empty" class="row">
<div class="cart-contents-shipping col-md-12 no-pad-right">
<div id="cart-empty" class="d-flex flex-row">
<div class="cart-contents-shipping col-md-12 no-pad-left>
Cart empty
</div>
</div>`;

2
public/javascripts/expressCart.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
public/stylesheets/less/style.less
View File

@ -70,6 +70,10 @@ html, body {
padding-left: 7px;
}
.cart-product{
padding: 0 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: @text-danger-color;
}

3
public/stylesheets/style.css
View File

@ -49,6 +49,9 @@ body {
.cart-link {
padding-left: 7px;
}
.cart-product {
padding: 0 !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: #cc3a2c;

2
public/stylesheets/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

12
views/themes/Cloth/cart.hbs
View File

@ -4,7 +4,7 @@
<div class="cartBodyWrapper">
{{#each @root.session.cart}}
<div class="d-flex flex-row bottom-pad-15">
<div class="p-2">
<div class="p-2 cart-product">
<div class="row h-200">
<div class="col-4 col-md-3 no-pad-left">
{{#if productImage}}
@ -41,7 +41,7 @@
<button class="btn btn-outline-danger btn-delete-from-cart" data-id="{{../this.productId}}" type="button"><i class="far fa-trash-alt" data-id="{{../this.productId}}" aria-hidden="true"></i></button>
</div>
{{else}}
<div class="col-12 col-md-6 no-pad-left mb-2"></div>
<div class="col-12 col-md-8 no-pad-left mb-2"></div>
{{/ifCond}}
<div class="col-8 col-md-4 align-self-center text-right">
<strong class="my-auto">{{currencySymbol @root.config.currencySymbol}}{{formatAmount this.totalItemPrice}}</strong>
@ -53,9 +53,9 @@
</div>
{{/each}}
</div>
<div class="cartTotalsWrapper container-fluid">
<div class="cartTotalsWrapper">
{{#if @root.session.cart}}
<div class="row">
<div class="d-flex flex-row">
<div class="cart-contents-shipping col-md-12 no-pad-right">
{{#ifCond @root.session.totalCartShipping '>' 0}}
<div class="text-right">
@ -73,8 +73,8 @@
</div>
</div>
{{else}}
<div id="cart-empty" class="row">
<div class="cart-contents-shipping col-md-12 no-pad-right">
<div id="cart-empty" class="d-flex flex-row">
<div class="cart-contents-shipping col-md-12 no-pad-left">
Cart empty
</div>
</div>