Frontpage layout adjustments

This commit is contained in:
Raphael Michel
2016-09-09 14:44:14 +02:00
parent d9f1360634
commit 52906abfb2
3 changed files with 28 additions and 15 deletions

View File

@@ -203,7 +203,7 @@
</section> </section>
{% endfor %} {% endfor %}
{% if event.presale_is_running and display_add_to_cart %} {% if event.presale_is_running and display_add_to_cart %}
<div class="row-fluid checkout-button-row"> <div class="row-fluid">
<div class="col-md-4 col-md-offset-8 col-xs-12"> <div class="col-md-4 col-md-offset-8 col-xs-12">
<button class="btn btn-block btn-primary btn-lg" type="submit"> <button class="btn btn-block btn-primary btn-lg" type="submit">
<i class="fa fa-shopping-cart"></i> {% trans "Add to cart" %} <i class="fa fa-shopping-cart"></i> {% trans "Add to cart" %}
@@ -216,9 +216,9 @@
{% endif %} {% endif %}
{% if vouchers_exist %} {% if vouchers_exist %}
<section class="front-page"> <section class="front-page">
<h2>{% trans "Redeem a voucher" %}</h2> <h3>{% trans "Redeem a voucher" %}</h3>
<form method="get" action="{% eventurl event "presale:event.redeem" %}"> <form method="get" action="{% eventurl event "presale:event.redeem" %}">
<div class="row-fluid"> <div class="row-voucher">
<div class="col-md-8 col-sm-6 col-xs-12"> <div class="col-md-8 col-sm-6 col-xs-12">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="fa fa-ticket fa-fw"></i></span> <span class="input-group-addon"><i class="fa fa-ticket fa-fw"></i></span>
@@ -239,13 +239,22 @@
{% eventsignal event "pretix.presale.signals.front_page_bottom" %} {% eventsignal event "pretix.presale.signals.front_page_bottom" %}
<section class="front-page"> <section class="front-page">
<h3>{% trans "If you already ordered a ticket" %}</h3> <h3>{% trans "If you already ordered a ticket" %}</h3>
<div>
<div class="col-md-8 col-xs-12">
<p> <p>
{% eventurl event "presale:event.resend_link" as resend_url %} {% blocktrans trimmed %}
{% blocktrans trimmed with a_href=resend_url %}
If you want to see or change the status and details of your order, click on the link in one of the If you want to see or change the status and details of your order, click on the link in one of the
emails we sent you during the order process. If you cannot find the link, click emails we sent you during the order process. If you cannot find the link, click on the
<a href="{{ a_href }}">here</a> to request the link to your order to be sent to you again. following button to request the link to your order to be sent to you again.
{% endblocktrans %} {% endblocktrans %}
</p> </p>
</div>
<div class="col-md-4 col-xs-12 text-right">
<a class="btn btn-block btn-primary" href="{% eventurl event "presale:event.resend_link" %}">
{% trans "Resend order links" %}
</a>
</div>
<div class="clearfix"></div>
</div>
</section> </section>
{% endblock %} {% endblock %}

View File

@@ -99,7 +99,7 @@
padding-top: 15px; padding-top: 15px;
} }
section.front-page { section.front-page {
margin-top: 15px; margin-top: 30px;
} }
.offline-banner { .offline-banner {
background: $brand-danger; background: $brand-danger;
@@ -114,10 +114,10 @@ section.front-page {
} }
} }
@media (max-width: $screen-sm-max) { @media (max-width: $screen-sm-max) {
.checkout-button-row div {
margin-bottom: 10px;
}
.page-header h1 small { .page-header h1 small {
display: block; display: block;
} }
.row-voucher > div:first-child {
margin-bottom: 15px;
}
} }

View File

@@ -85,6 +85,7 @@ body.loading .container {
text-align: center; text-align: center;
z-index: 900000; z-index: 900000;
visibility: hidden; visibility: hidden;
padding: 10px;
.big-icon { .big-icon {
margin-top: 50px; margin-top: 50px;
@@ -135,4 +136,7 @@ body.loading .container {
h2 { h2 {
margin-top: 0; margin-top: 0;
} }
.checkout-button-row > div {
margin-bottom: 15px;
}
} }