mirror of
https://github.com/pretix/pretix.git
synced 2026-05-09 15:54:03 +00:00
Changed the opacity of dashboard icons to keep numbers readable on small
screens
This commit is contained in:
Raphael Michel
@@ -72,6 +72,9 @@ nav.navbar {
|
|||||||
-ms-transform: rotateX(180deg); /* IE 9 */
|
-ms-transform: rotateX(180deg); /* IE 9 */
|
||||||
-webkit-transform: rotateX(180deg); /* Safari and Chrome */
|
-webkit-transform: rotateX(180deg); /* Safari and Chrome */
|
||||||
}
|
}
|
||||||
|
.dashboard-panels .panel-heading .fa {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
@media (max-width: @screen-sm-max) {
|
@media (max-width: @screen-sm-max) {
|
||||||
.navbar-nav {
|
.navbar-nav {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|||||||
@@ -3,94 +3,94 @@
|
|||||||
{% block title %}{{ request.event.name }}{% endblock %}
|
{% block title %}{{ request.event.name }}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h1>{{ request.event.name }}</h1>
|
<h1>{{ request.event.name }}</h1>
|
||||||
<div class="row">
|
<div class="row dashboard-panels">
|
||||||
<div class="col-lg-3 col-md-6">
|
<div class="col-lg-3 col-md-6">
|
||||||
<div class="panel panel-green">
|
<div class="panel panel-green">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-3">
|
<div class="col-xs-3">
|
||||||
<i class="fa fa-users fa-5x"></i>
|
<i class="fa fa-users fa-5x"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-9 text-right">
|
<div class="col-xs-9 text-right">
|
||||||
<div class="huge">{{ tickets_sold }}</div>
|
<div class="huge">{{ tickets_sold }}</div>
|
||||||
<div>{% trans "Tickets sold" %}</div>
|
<div>{% trans "Tickets sold" %}</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<a href="{% url "control:event.orders.overview" organizer=request.organizer.slug event=request.event.slug %}">
|
|
||||||
<div class="panel-footer">
|
|
||||||
<span class="pull-left">{% trans "Orders overview" %}</span>
|
|
||||||
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-3 col-md-6">
|
<a href="{% url "control:event.orders.overview" organizer=request.organizer.slug event=request.event.slug %}">
|
||||||
<div class="panel panel-primary">
|
<div class="panel-footer">
|
||||||
<div class="panel-heading">
|
<span class="pull-left">{% trans "Orders overview" %}</span>
|
||||||
<div class="row">
|
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
||||||
<div class="col-xs-3">
|
<div class="clearfix"></div>
|
||||||
<i class="fa fa-shopping-cart fa-5x"></i>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-9 text-right">
|
|
||||||
<div class="huge">{{ tickets_total }}</div>
|
|
||||||
<div>{% trans "Total items ordered" %}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="{% url "control:event.orders" organizer=request.organizer.slug event=request.event.slug %}">
|
|
||||||
<div class="panel-footer">
|
|
||||||
<span class="pull-left">{% trans "View all orders" %}</span>
|
|
||||||
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
<div class="col-lg-3 col-md-6">
|
|
||||||
<div class="panel panel-green">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-3">
|
|
||||||
<i class="fa fa-money fa-5x"></i>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-9 text-right">
|
|
||||||
<div class="huge">{{ tickets_revenue }}</div>
|
|
||||||
<div>{% trans "Total Revenue" %}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="{% url "control:event.orders.overview" organizer=request.organizer.slug event=request.event.slug %}">
|
|
||||||
<div class="panel-footer">
|
|
||||||
<span class="pull-left">{% trans "Orders overview" %}</span>
|
|
||||||
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-3 col-md-6">
|
|
||||||
<div class="panel panel-primary">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-3">
|
|
||||||
<i class="fa fa-folder fa-5x"></i>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-9 text-right">
|
|
||||||
<div class="huge">{{ products_active }}</div>
|
|
||||||
<div>{% trans "Active Products" %}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a href="{% url "control:event.items" organizer=request.organizer.slug event=request.event.slug %}">
|
|
||||||
<div class="panel-footer">
|
|
||||||
<span class="pull-left">{% trans "View details" %}</span>
|
|
||||||
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="panel panel-primary">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-3">
|
||||||
|
<i class="fa fa-shopping-cart fa-5x"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-9 text-right">
|
||||||
|
<div class="huge">{{ tickets_total }}</div>
|
||||||
|
<div>{% trans "Total items ordered" %}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="{% url "control:event.orders" organizer=request.organizer.slug event=request.event.slug %}">
|
||||||
|
<div class="panel-footer">
|
||||||
|
<span class="pull-left">{% trans "View all orders" %}</span>
|
||||||
|
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="panel panel-green">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-3">
|
||||||
|
<i class="fa fa-money fa-5x"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-9 text-right">
|
||||||
|
<div class="huge">{{ tickets_revenue }}</div>
|
||||||
|
<div>{% trans "Total Revenue" %}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="{% url "control:event.orders.overview" organizer=request.organizer.slug event=request.event.slug %}">
|
||||||
|
<div class="panel-footer">
|
||||||
|
<span class="pull-left">{% trans "Orders overview" %}</span>
|
||||||
|
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-md-6">
|
||||||
|
<div class="panel panel-primary">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-3">
|
||||||
|
<i class="fa fa-folder fa-5x"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-9 text-right">
|
||||||
|
<div class="huge">{{ products_active }}</div>
|
||||||
|
<div>{% trans "Active Products" %}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="{% url "control:event.items" organizer=request.organizer.slug event=request.event.slug %}">
|
||||||
|
<div class="panel-footer">
|
||||||
|
<span class="pull-left">{% trans "View details" %}</span>
|
||||||
|
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user