CGM_Public/pretix_original
2
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-05-09 15:54:03 +00:00
Code Issues Packages Projects Releases Wiki 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 %} {% endif %}
</em> </em>
<div class="row checkout-button-row"> <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 %}"> <form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
{% csrf_token %} {% csrf_token %}
<button class="btn btn-block btn-default btn-lg" type="submit"> <button class="btn btn-block btn-default btn-lg" type="submit">
@@ -67,6 +67,13 @@
{% endif %} {% endif %}
</a> </a>
</div> </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 class="clearfix"></div>
</div> </div>
</div> </div>

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

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