fix: Update energy points summary style

This commit is contained in:
Suraj Shetty 2021-01-13 15:58:07 +05:30
parent fbeb71420e
commit 5dedbc0889
2 changed files with 32 additions and 20 deletions

View file

@ -207,16 +207,28 @@ hr {
color: $text-muted !important;
}
.text-regular {
font-size: 14px;
.text-small {
font-size: 12px;
}
.text-medium {
font-size: 13px;
}
.text-small {
font-size: 12px;
.text-regular {
font-size: 14px;
}
.text-lg {
font-size: 16px;
}
.text-xl {
font-size: 18px;
}
.text-2xl {
font-size: 20px;
}
.text-bold {

View file

@ -1,6 +1,7 @@
{% if top_performer.energy_points %}
<h3>{{ _('Top Performer') }} 🏆 </h3>
<p> {{ frappe.get_fullname(top_performer.user) }}
<h1 class="text-2xl">{{ _('Top Performer') }}</h1>
<p>
<span class="text-2xl"> 🏆 </span> {{ frappe.get_fullname(top_performer.user) }}
<span class="text-muted">
{{ _('gained {0} points').format(frappe.utils.cint(top_performer.energy_points)) }}
</span>
@ -8,36 +9,35 @@
{% endif %}
{% if top_reviewer.given_points %}
<h3>{{ _('Top Reviewer') }} ❤️ </h3>
<p> {{ frappe.get_fullname(top_reviewer.user) }}
<h1 class="text-xl">{{ _('Top Reviewer') }}</h1>
<p>
<span class="text-2xl"> ❤️ </span> {{ frappe.get_fullname(top_reviewer.user) }}
<span class="text-muted">
{{ _('gave {0} points').format(frappe.utils.cint(top_reviewer.given_points)) }}
</span>
</p>
<hr style='margin: 20px 0px'>
{% endif %}
<h3>{{ _('Standings') }} ({{ _('Top {0}').format(standings|length) }}) </h3>
<h3 class="text-regular" style="margin-top: 35px">{{ _('Standings') }} ({{ _('Top {0}').format(standings|length) }}) </h3>
<table class='table table-bordered'>
<tr>
<th> # </th>
<th style='width: 70%'>{{ _('User') }}</th>
<th style='width: 15%'>{{ _('Energy Points') }}</th>
<th style='width: 15%'>{{ _('Points Given') }}</th>
<tr class="text-muted text-medium">
<td> # </td>
<td style='width: 70%'>{{ _('User') }}</td>
<td style='width: 15%'>{{ _('Energy Points') }}</td>
<td style='width: 15%'>{{ _('Points Given') }}</td>
</tr>
{% for user in standings %}
<tr>
<tr class="text-small">
<td>{{ loop.index }}</td>
<td>{{ frappe.get_fullname(user.user) }}</td>
<td>{{ frappe.utils.cint(user.energy_points) }}</td>
<td>{{ frappe.utils.cint(user.given_points) }}</td>
<td class="text-muted">{{ frappe.utils.cint(user.energy_points) }}</td>
<td class="text-muted">{{ frappe.utils.cint(user.given_points) }}</td>
</tr>
{% endfor %}
</table>
<p class="text-muted">
<p class="text-muted text-medium">
{{ footer_message }}
</p>