Improve number description

This commit is contained in:
Phin Wolkwitz
2024-01-22 16:39:03 +01:00
parent b701854127
commit db0af4e46f
2 changed files with 24 additions and 14 deletions
+7 -6
View File
@@ -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;
} }
} }