CGM_Public/pretix_cgo
1
0
Fork 0
forked from CGM_Public/pretix_original
Code Pull Requests Actions Activity

Checkout UX: Place "Empty cart" button below "Checkout" button on mobile

Browse Source 
Thanks to @breunigs for the suggestion
This commit is contained in:
Raphael Michel
2017-12-11 15:25:31 +01:00
parent 3ec0366c21
commit 33a254ce92
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pretix/presale/templates/pretixpresale/event/index.html
View File

@@ -49,7 +49,7 @@
{% endif %}
</em>
<div class="row checkout-button-row">
<div class="col-md-4 col-xs-12">
<div class="col-md-4 col-xs-12 hidden-xs">
<form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
{% csrf_token %}
<button class="btn btn-block btn-default btn-lg" type="submit">
@@ -67,6 +67,13 @@
{% endif %}
</a>
</div>
<div class="visible-xs-block col-xs-12">
<form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
{% csrf_token %}
<button class="btn btn-block btn-default btn-lg" type="submit">
<i class="fa fa-close"></i> {% trans "Empty cart" %}</button>
</form>
</div>
<div class="clearfix"></div>
</div>
</div>

3
src/pretix/static/pretixpresale/scss/main.scss
View File

@@ -172,6 +172,9 @@ body.loading .container {
.checkout-button-row > div {
margin-bottom: 15px;
}
.checkout-button-row > div.clearfix {
margin: 0;
}
}
.dl-horizontal dt {