CGM_Public/pretix_original
2
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-04-25 23:42:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clarify UX around subevent selection

Browse Source
This commit is contained in:
Raphael Michel
2019-06-06 11:10:51 +02:00
parent b549cb451a
commit dd4075b2cc
3 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -95,18 +95,35 @@
{% if show_dates %}
{% if subevent %}
<a class="subevent-toggle">
{% trans "View other date" %}
</a>
{% if show_cart %}
<a class="subevent-toggle btn btn-primary btn-block btn-lg">
{% trans "Add tickets for a different date" %}
</a>
{% else %}
<a class="subevent-toggle btn btn-default btn-block">
{% trans "View other date" %}
</a>
{% endif %}
{% else %}
<h3>{% trans "Choose date to buy a ticket" %}</h3>
{% endif %}
<div class="subevent-list">
{% if list_type == "calendar" %}
{% include "pretixpresale/event/fragment_subevent_calendar.html" %}
{% else %}
{% include "pretixpresale/event/fragment_subevent_list.html" %}
{% endif %}
<div class="panel panel-default subevent-list">
<div class="panel-heading">
{% if subevent %}
{% trans "Other dates" context "subevent" %}
{% else %}
{% trans "Dates" context "subevent" %}
{% endif %}
</div>
<div class="panel-body">
<div>
{% if list_type == "calendar" %}
{% include "pretixpresale/event/fragment_subevent_calendar.html" %}
{% else %}
{% include "pretixpresale/event/fragment_subevent_list.html" %}
{% endif %}
</div>
</div>
</div>
{% if subevent %}
<h2 class="subevent-head">{{ subevent.name }}</h2>

1
src/pretix/static/pretixpresale/js/ui/main.js
View File

@@ -181,6 +181,7 @@ $(function () {
$(".subevent-list").hide();
$(".subevent-toggle").css("display", "block").click(function () {
$(".subevent-list").slideToggle(300);
$(".subevent-toggle").slideToggle(300)
});
}

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

@@ -189,18 +189,7 @@ section.front-page {
}
}
.subevent-toggle {
padding: 5px;
text-align: center;
background-color: darken($gray-lighter, 30%);
display: none;
color: white;
cursor: pointer;
&:hover {
color: white;
text-decoration: none;
background-color: darken($gray-lighter, 40%);
}
}
h2.subevent-head {
margin-top: 10px;