mirror of
https://github.com/pretix/pretix.git
synced 2026-08-26 13:14:40 +00:00
Improve number description
This commit is contained in:
@@ -21,8 +21,9 @@ from pretix.control.forms.event import CommentForm
|
|||||||
from pretix.control.permissions import EventPermissionRequiredMixin
|
from pretix.control.permissions import EventPermissionRequiredMixin
|
||||||
from pretix.control.views import ChartContainingView
|
from pretix.control.views import ChartContainingView
|
||||||
|
|
||||||
NUM_WIDGET = str('<div class="numwidget"><span class="num">{num}</span>'
|
NUM_WIDGET = str('<div class="numwidget">'
|
||||||
'<span class="text">{text}</span>'
|
'<span class="num">{num}</span>'
|
||||||
|
'<span class="text"><span class="label-primary">{text}</span></span>'
|
||||||
'<span class="text-add">{text_add}</span></div>')
|
'<span class="text-add">{text_add}</span></div>')
|
||||||
|
|
||||||
|
|
||||||
@@ -102,8 +103,8 @@ class IndexView(EventPermissionRequiredMixin, ChartContainingView, TemplateView)
|
|||||||
).count()
|
).count()
|
||||||
ctx['attendees_paid_ordered'] = {
|
ctx['attendees_paid_ordered'] = {
|
||||||
'content': NUM_WIDGET.format(
|
'content': NUM_WIDGET.format(
|
||||||
num=f'<span class="fa fa-user icon"></span> {tickc}',
|
num=f'{tickc}',
|
||||||
text=_('Attendees'),
|
text=_('<span class="fa fa-user icon"></span> Attendees'),
|
||||||
text_add=f'{paidc} paid, {tickc - paidc} pending'),
|
text_add=f'{paidc} paid, {tickc - paidc} pending'),
|
||||||
'priority': 100,
|
'priority': 100,
|
||||||
'url': reverse('control:event.orders.overview', kwargs={
|
'url': reverse('control:event.orders.overview', kwargs={
|
||||||
@@ -130,8 +131,8 @@ class IndexView(EventPermissionRequiredMixin, ChartContainingView, TemplateView)
|
|||||||
currency=self.request.event.currency,
|
currency=self.request.event.currency,
|
||||||
amount=formats.localize(round_decimal(rev, self.request.event.currency))
|
amount=formats.localize(round_decimal(rev, self.request.event.currency))
|
||||||
),
|
),
|
||||||
text='',
|
text=_('Total revenue'),
|
||||||
text_add=_('Total revenue')
|
text_add=''
|
||||||
),
|
),
|
||||||
'priority': 100,
|
'priority': 100,
|
||||||
'url': reverse('control:event.orders.overview', kwargs={
|
'url': reverse('control:event.orders.overview', kwargs={
|
||||||
|
|||||||
@@ -3,6 +3,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
|
margin-top: -5px;
|
||||||
margin-right: -5px;
|
margin-right: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -21,11 +22,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .widget-container.event-dashboard {
|
.dashboard .widget-container.event-dashboard {
|
||||||
background: none !important;
|
background: white;
|
||||||
padding: 0 5px 15px;
|
padding: 0 5px 15px;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dashboard .widget-container.event-dashboard:hover {
|
||||||
|
background: #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
.dashboard .widget-container.widget-full {
|
.dashboard .widget-container.widget-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -38,10 +43,15 @@
|
|||||||
width: 25%;
|
width: 25%;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
color: lighten($brand-primary, 15%);
|
color: lighten($brand-primary, 25%);
|
||||||
font-size: 34px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text .label-primary {
|
||||||
|
color: white;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .widget-container.widget-lazy-loading {
|
.dashboard .widget-container.widget-lazy-loading {
|
||||||
@@ -59,7 +69,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .widget-container:hover, .dashboard .widget-container:focus {
|
.dashboard .widget-container:hover, .dashboard .widget-container:focus {
|
||||||
background: #EEEEEE;
|
background: $brand-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard .widget:hover, .dashboard .widget:focus, .dashboard a:hover {
|
.dashboard .widget:hover, .dashboard .widget:focus, .dashboard a:hover {
|
||||||
@@ -69,21 +79,20 @@
|
|||||||
.dashboard .numwidget {
|
.dashboard .numwidget {
|
||||||
.num {
|
.num {
|
||||||
display: block;
|
display: block;
|
||||||
|
font-size: 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 40px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-add {
|
.text-add {
|
||||||
display: block;
|
display: block;
|
||||||
//padding: 10px 0;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user