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

[a11y] Small fixes and improvements

Browse Source
This commit is contained in:
Raphael Michel
2021-10-17 18:35:55 +02:00
parent bb9508ad96
commit da937dc4e3
7 changed files with 38 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pretix/presale/templates/pretixpresale/event/checkout_addons.html
View File

@@ -122,7 +122,7 @@
</div>
<div class="col-md-2 col-xs-6 availability-box">
{% if not event.settings.show_variations_expanded %}
<button type="button" data-toggle="variations" class="btn btn-link js-only"
<button type="button" data-toggle="variations" class="btn btn-default btn-block js-only"
data-label-alt="{% trans "Hide variants" %}"
aria-expanded="false"
aria-label="{% blocktrans trimmed with item=item.name count=item.available_variations|length %}Show {{count}} variants of {{item}}{% endblocktrans %}">

31
src/pretix/presale/templates/pretixpresale/event/checkout_confirm.html
View File

@@ -13,26 +13,25 @@
data-asynctask-headline="{% trans "Please hang tight, we're finalizing your order!" %}">
{% csrf_token %}
<div class="panel panel-primary cart">
<div class="panel-heading">
<div class="pull-right flip">
<strong id="cart-deadline-short" data-expires="{{ cart.first_expiry|date:"Y-m-d H:i:sO" }}">
{% if cart.minutes_left > 0 or cart.seconds_left > 0 %}
{{ cart.minutes_left|stringformat:"02d" }}:{{ cart.seconds_left|stringformat:"02d" }}
{% else %}
{% trans "Cart expired" %}
{% endif %}
</strong>
<span class="helper-display-block cart-modify">
<a href="{% eventurl request.event "presale:event.index" cart_namespace=cart_namespace|default_if_none:"" %}">
<span class="fa fa-edit" aria-hidden="true"></span>
{% trans "Add or remove tickets" %}
</a>
</span>
</div>
<div class="panel-heading panel-heading-flex">
<h3 class="panel-title">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
{% trans "Your cart" %}
</h3>
<span class="panel-heading-flex-gap"></span>
<strong class="helper-display-block" id="cart-deadline-short" data-expires="{{ cart.first_expiry|date:"Y-m-d H:i:sO" }}">
{% if cart.minutes_left > 0 or cart.seconds_left > 0 %}
{{ cart.minutes_left|stringformat:"02d" }}:{{ cart.seconds_left|stringformat:"02d" }}
{% else %}
{% trans "Cart expired" %}
{% endif %}
</strong>
<span class="helper-display-block cart-modify">
<a href="{% eventurl request.event "presale:event.index" cart_namespace=cart_namespace|default_if_none:"" %}">
<span class="fa fa-edit" aria-hidden="true"></span>
{% trans "Add or remove tickets" %}
</a>
</span>
</div>
<div class="panel-body">
{% include "pretixpresale/event/fragment_cart.html" with cart=cart event=request.event editable=False %}

4
src/pretix/presale/templates/pretixpresale/event/fragment_cart.html
View File

@@ -115,7 +115,7 @@
</dt>
<dd class="toplevel{% if event.settings.attendee_addresses_asked and not event.settings.attendee_emails_asked %} blank-after{% endif %}">
<span data-toggle="tooltip" title="{% trans "Attendee name" %}">
{% if line.attendee_name %}{{ line.attendee_name }}{% else %}<em>{% trans "No attendee name provided" %}</em>{% endif %}
{% if line.attendee_name %}{{ line.attendee_name }}{% else %}<em class="text-muted">{% trans "No attendee name provided" %}</em>{% endif %}
</span>
</dd>
{% endif %}
@@ -177,7 +177,7 @@
{{ q.answer|linebreaksbr }}
{% endif %}
{% else %}
<em>{% trans "not answered" %}</em>
<em class="text-muted">{% trans "not answered" %}</em>
{% endif %}
</dd>
{% endfor %}

11
src/pretix/static/pretixpresale/scss/_checkout.scss
View File

@@ -2,6 +2,7 @@
display: flex;
flex-direction: row;
margin: 15px 0 13px 0;
padding: 0;
list-style: none;
.checkout-step {
@@ -161,3 +162,13 @@
padding: 15px;
border: 1px solid $hr-border;
}
.panel-heading-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
.panel-heading-flex-gap {
flex: 1;
}
}

9
src/pretix/static/pretixpresale/scss/_event.scss
View File

@@ -280,13 +280,16 @@ h2.subevent-head {
.info-download {
margin-top: 0;
margin-bottom: 30px;
.download-btn-form + .download-btn-form {
margin-left: .5em;
}
button {
margin-top: .5em;
}
}
.lead + .info-download {
margin-top: -15px;
}
.download-btn-form + .download-btn-form {
margin-left: .5em;
}
.refund-gift-card-code {
font-size: 24px;

1
src/pretix/static/pretixpresale/scss/_forms.scss
View File

@@ -12,6 +12,7 @@ a.btn, button.btn {
}
.panel-title label {
margin-bottom: 0;
display: inline;
}
.form-control + .form-control-feedback {

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

@@ -60,6 +60,8 @@ footer nav ul {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
flex-wrap: wrap;
}
footer nav li:not(:first-child):before {
content: "·";