Change style of user table

This commit is contained in:
cuom1999 2022-11-09 14:41:08 -06:00
parent 924f209311
commit 30417e1cde
8 changed files with 26 additions and 19 deletions

View file

@ -2,7 +2,7 @@
<tr>
<th class="header rank">{{ rank_header or _("Rank") }}</th>
{% block after_rank_head %}{% endblock %}
<th class="header username">{{ _('Username') }}</th>
<th class="header username">{{ _('Username') }}{% block username_head_extra %}{% endblock %}</th>
{% block before_point_head %}{% endblock %}
<th class="header points">

View file

@ -3,7 +3,6 @@
{% block users_media %}
<style>
#users-table td:nth-child(3), #users-table th:nth-child(3) {
border-right: none;
text-align: left;
}
#users-table td:nth-child(2), #users-table th:nth-child(2) {

View file

@ -2,25 +2,15 @@
{% block after_rank_head %}
<th></th>
<th class="header rank">
{% if sort_links %}<a href="{{ sort_links.rating }}">{% endif %}
<span class="rate-group">
<svg class="rate-box" viewBox="0 0 16 16">
<circle cx="8" cy="8" r="7" stroke="white"></circle>
<path clip-path="url(#rating-clip)" d="M0 16v-4.8h16 0v16z" fill="white"></path>
</svg>
</span>
{%- if sort_links %}{{ sort_order.rating }}</a>{% endif %}
</th>
{% endblock %}
{% block after_rank %}
<td><img style="border: 2px solid black; max-width: none; border-radius: 50%" src="{{ gravatar(user, 45) }}" height="45px" width="45px"></td>
<td class="rating-td">{% if user.rating %}{{ rating_number(user) }}{% endif %}</td>
<td><img style="border: 2px solid lightblue; max-width: none; border-radius: 50%" src="{{ gravatar(user, 45) }}" height="45px" width="45px"></td>
{% endblock %}
{% block user_data %}
<span style="color: gray; font-weight: 600">{{ "- (" + user.user.first_name + ")" if user.user.first_name else ''}}</span>
{% block user_footer %}
<span style="margin-left: 0.5em">{% if user.rating %}{{ rating_number(user) }}{% endif %}</span>
<div style="color: gray; font-weight: 600; margin-top: 0.2em">{{ user.user.first_name if user.user.first_name else ''}}</div>
{% endblock %}
{% block after_point_head %}
@ -32,6 +22,19 @@
<th class="about-column">{{ _('About') }}</th>
{% endblock %}
{% block username_head_extra %}
<span style="margin-left: 0.5em" class="header rank">
{% if sort_links %}<a href="{{ sort_links.rating }}">{% endif %}
<span class="rate-group">
<svg class="rate-box" viewBox="0 0 16 16">
<circle cx="8" cy="8" r="7" stroke="white"></circle>
<path clip-path="url(#rating-clip)" d="M0 16v-4.8h16 0v16z" fill="white"></path>
</svg>
</span>
{%- if sort_links %}{{ sort_order.rating }}</a>{% endif %}
</span>
{% endblock %}
{% block after_point %}
<td class="user-problem-count">{{ user.problem_count }}</td>
<td>