CGM_Public/pretix_original
2
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-05-21 17:54:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve styling

Browse Source
This commit is contained in:
Richard Schreiber
2024-11-19 09:26:57 +01:00
parent 59dccaf680
commit 3c5ccaa1ba
2 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pretix/presale/templates/pretixpresale/organizers/customer_profile.html
View File

@@ -9,8 +9,8 @@
<h2>
{% trans "Your account" %}
</h2>
<div class="row">
<dl>
<div class="blank-after">
<dl class="row">
<div class="col-sm-6">
<dt>{{ customer.name }}</dt>
<dd>{{ customer.email }}</dd>
@@ -31,7 +31,8 @@
<div class="col-sm-6 text-right">
<dt>{% trans "Customer ID" %}</dt>
<dd>#{{ customer.identifier }}</dd>
</div> </dl>
</div>
</dl>
<nav class="row" aria-label="{% trans "customer account information" %}">
<ul class="list-inline blank-after col-xs-12">
<li>
@@ -67,11 +68,11 @@
</div>
<div class="panel-body">
{% if orders %}
<ol class="event-list list-unstyled">
<ol class="full-width-list alternating-rows">
{% for o in orders %}
<li class="row">
<dl>
<div class="col-md-3 col-sm-3 col-xs-8">
<div class="col-md-4 col-sm-5 col-xs-8">
<dt class="sr-only">{% trans "Order" %}</dt>
<dd><strong>
<a href="{% abseventurl o.event "presale:event.order" order=o.code secret=o.secret %}" target="_blank">
@@ -85,12 +86,11 @@
></span>
{% endif %}
<small>{% include "pretixpresale/event/fragment_order_status.html" with order=o event=o.event %}</small>
{% if o.testmode and False %}
<span class="label label-warning">{% trans "TEST MODE" %}</span>
{% endif %}
</dd>
<dd><time datetime="{{ o.datetime|date:"Y-m-d H:i" }}" class="text-muted small">{{ o.datetime|date:"SHORT_DATETIME_FORMAT" }}</time></dd>
<dd class="small"></dd>
{% if o.testmode and False %}
<dd><span class="label label-warning">{% trans "TEST MODE" %}</span></dd>
{% endif %}
</div>
<div class="col-md-2 col-sm-2 col-xs-4 text-right">
<dt class="sr-only">{% trans "Order total" %}</dt>
@@ -99,20 +99,18 @@
<dd class="text-muted"><small>{% blocktranslate count counter=o.count_positions|default_if_none:0 %}{{ counter }} item{% plural %}{{ counter }} items{% endblocktranslate %}</small>
</dd>
</div>
<div class="col-md-5 col-sm-5 col-xs-8">
<div class="col-md-4 col-sm-3 col-xs-8">
<dt class="sr-only">{% trans "Event" %}</dt>
<dd>
<br class="hidden-sm"/>
{{ o.event }}
{% if not o.event.has_subevents and o.event.settings.show_dates_on_frontpage %}
<br><small class="text-muted">{{ o.event.get_date_range_display }}</small>
{% endif %}
</dd>
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<div class="col-sm-2 col-xs-4">
<dt class="sr-only">{% trans "Actions" %}</dt>
<dd class="text-right">
<br class="hidden-sm"/>
<a href="{% abseventurl o.event "presale:event.order" order=o.code secret=o.secret %}"
target="_blank">
<span class="fa fa-list-ul" aria-hidden="true"></span>
@@ -123,7 +121,6 @@
</li>
{% endfor %}
</ol>
{% include "pretixcontrol/pagination.html" %}
{% else %}
<p class="text-center">{% trans "You don’t have any orders in your account yet." %}</p>
{% endif %}

20
src/pretix/static/pretixbase/scss/_theme.scss
View File

@@ -254,7 +254,7 @@ svg.svg-icon {
@include table-row-variant('danger', var(--pretix-brand-danger-lighten-30), var(--pretix-brand-danger-lighten-25));
.text-blob-success, .text-blob-info, .text-blob-warning, .text-blob-danger {
padding: .125em .5em;
padding: .125em .65em 0;
border-radius: 1em;
font-weight: bold;
white-space: nowrap;
@@ -282,3 +282,21 @@ svg.svg-icon {
color: var(--pretix-brand-danger-darken-5);
background: var(--pretix-brand-danger-lighten-43);
}
.full-width-list {
list-style: none;
margin: 0;
padding: 0;
li {
padding: 15px 0;
}
li+li {
border-top: 1px solid $table-border-color;
}
}
.alternating-rows .row:nth-child(even) {
background-color: $table-bg-accent;
}