Some UI improvements
This commit is contained in:
parent
0708eb7bb0
commit
5d15cb9bad
21 changed files with 147 additions and 184 deletions
|
@ -331,7 +331,6 @@
|
|||
<noscript>
|
||||
<div id="noscript">{{ _('This site works best with JavaScript enabled.') }}</div>
|
||||
</noscript>
|
||||
<br>
|
||||
<main id="content" class="{{'wrapper' if layout != 'no_wrapper'}}">
|
||||
{% block title_row %}
|
||||
<h2 class="title-row">
|
||||
|
|
|
@ -582,13 +582,8 @@
|
|||
|
||||
<div id="chat-container">
|
||||
<div id="chat-online" class="chat-right-panel sidebox">
|
||||
<h3 style="display:flex">
|
||||
{{_('Online Users')}}
|
||||
<a href="#" id="refresh-button" title="{{_('Refresh')}}">
|
||||
<img src="/reload.png"
|
||||
width="100%"
|
||||
>
|
||||
</a>
|
||||
<h3>
|
||||
<i class="fa fa-users"></i>{{_('Online Users')}}
|
||||
</h3>
|
||||
<div id="chat-online-content">
|
||||
<div id="search-container">
|
||||
|
@ -606,7 +601,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="chat-area" class="chat-left-panel" style="width:100%">
|
||||
<div id="chat-info" style="height: 8%">
|
||||
<div id="chat-info" style="height: 10%">
|
||||
{% include 'chat/user_online_status.html' %}
|
||||
</div>
|
||||
<div id="chat-box">
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
}
|
||||
|
||||
#content {
|
||||
margin: 2.5em 1em 0 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
|
@ -92,7 +92,6 @@
|
|||
}
|
||||
.sidebox h3 {
|
||||
border-radius: 0;
|
||||
margin: -1px -5.5px 0 -5.8px;
|
||||
}
|
||||
.body-block {
|
||||
border-radius: 4px;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{% if other_user %}
|
||||
<div class="status-container" style="height: 100%">
|
||||
<img src="{{ gravatar(other_user.user, 135) }}" class="info-pic">
|
||||
<svg style="position:absolute; height:100%; width: 110%">
|
||||
<svg style="position:absolute; height:100%; width: 100%">
|
||||
<circle class="info-circle"
|
||||
fill="{{'green' if other_online else 'red'}}"/>
|
||||
</svg>
|
||||
|
@ -9,9 +9,9 @@
|
|||
{% endif %}
|
||||
<span class="info-name username">
|
||||
{% if other_user %}
|
||||
<a href="{{url('user_page', other_user)}}">{{other_user.user.username}}</a>
|
||||
{{link_user(other_user)}}
|
||||
{% else%}
|
||||
<a href="#" style="margin-left: 3em">{{ _('Lobby') }}</a>
|
||||
{{ _('Lobby') }}
|
||||
{% endif %}
|
||||
</span>
|
||||
<span class="spacer"></span>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{% if current_contests %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('Ongoing contests') }} <i class="fa fa-trophy"></i></h3>
|
||||
<h3><i class="fa fa-trophy"></i> {{ _('Ongoing contests') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
{% for contest in current_contests %}
|
||||
<div class="contest">
|
||||
|
@ -18,7 +18,7 @@
|
|||
|
||||
{% if future_contests %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('Upcoming contests') }} <i class="fa fa-trophy"></i></h3>
|
||||
<h3><i class="fa fa-trophy"></i>{{ _('Upcoming contests') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
{% for contest in future_contests %}
|
||||
<div class="contest">
|
||||
|
|
|
@ -44,7 +44,7 @@
|
|||
{% include "blog/content.html" %}
|
||||
{% else %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('About') }}<i class="fa fa-info-circle"></i></h3>
|
||||
<h3><i class="fa fa-info-circle"></i>{{ _('About') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
<div style="margin: 0.3em;">
|
||||
{% cache 3600 'organization_html' organization.id MATH_ENGINE %}
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
{% endif %}
|
||||
{% if can_edit or is_member %}
|
||||
<div id="control-panel" class="blog-sidebox sidebox no-dot-blog-sidebox">
|
||||
<h3>{{ _('Controls') }} <i class="fa fa-cog"></i></h3>
|
||||
<ul id="control-list" class="sidebox-content" style="padding: 1em;">
|
||||
<h3><i class="fa fa-cog"></i>{{ _('Controls') }}</h3>
|
||||
<ul id="control-list" class="sidebox-content" style="margin: 0;">
|
||||
{% if can_edit %}
|
||||
<li>
|
||||
<div>
|
||||
|
@ -67,7 +67,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('About') }}<i class="fa fa-info-circle"></i></h3>
|
||||
<h3><i class="fa fa-info-circle"></i>{{ _('About') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
<div style="margin: 0.3em;">
|
||||
{% cache 3600 'organization_html' organization.id MATH_ENGINE %}
|
||||
|
|
|
@ -7,20 +7,20 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block middle_content %}
|
||||
<div class="problem-feed-option">
|
||||
<a href="{{url('problem_feed')}}"
|
||||
class="button small {{'btn-midnightblue' if feed_type=='for_you' else 'btn-gray'}}">
|
||||
{{_('FOR YOU')}}
|
||||
</a>
|
||||
<a href="{{url('problem_feed_new')}}" class="button small {{'btn-midnightblue' if feed_type=='new' else 'btn-gray'}}">
|
||||
{{_('NEW')}}
|
||||
</a>
|
||||
{% if request.user.has_perm('judge.suggest_problem_changes') %}
|
||||
<a href="{{url('problem_feed_volunteer')}}"
|
||||
class="button small {{'btn-midnightblue' if feed_type=='volunteer' else 'btn-gray'}}">
|
||||
{{_('VOLUNTEER')}}
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="tabs tabs-no-flex" style="width: 90%;margin-left: auto;margin-right: auto;">
|
||||
<ul>
|
||||
<li class="{{'active' if feed_type=='for_you'}}">
|
||||
<a href="{{url('problem_feed')}}">{{_('FOR YOU')}}</a>
|
||||
</li>
|
||||
<li class="{{'active' if feed_type=='new'}}">
|
||||
<a href="{{url('problem_feed_new')}}">{{_('NEW')}}</a>
|
||||
</li>
|
||||
{% if request.user.has_perm('judge.suggest_problem_changes') %}
|
||||
<li class="{{'active' if feed_type=='volunteer'}}">
|
||||
<a href="{{url('problem_feed_volunteer')}}">{{_('VOLUNTEER')}}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% if request.user.has_perm('judge.suggest_problem_changes') and feed_type == 'volunteer' %}
|
||||
<ul style="margin-bottom: 1em; margin-left: auto">
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
{% if last_attempted_problems%}
|
||||
<div class="sidebox">
|
||||
<h3>{{ _('Last unsolved') }} <i class="fa fa-bullseye"></i>
|
||||
</h3>
|
||||
<h3><i class="fa fa-bullseye"></i>{{ _('Last unsolved') }}</h3>
|
||||
<div class="sidebox-content" style="padding: 0; border: 0">
|
||||
<table class="table feed-table">
|
||||
<tbody>
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
<div class="sidebox">
|
||||
<h3>{{ _('Problem search') }} <i class="fa fa-search"></i>
|
||||
</h3>
|
||||
<h3><i class="fa fa-search"></i>{{ _('Problem search') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
<form id="filter-form" name="form" action="" method="get">
|
||||
<div>
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
{% if recent_organizations %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('Recent groups') }} <i class="fa fa-users"></i></h3>
|
||||
<h3><i class="fa fa-users"></i>{{ _('Recent groups') }}</h3>
|
||||
<div class="toggled">
|
||||
{% for organization in recent_organizations %}
|
||||
<a href="{{ url('organization_home', organization.organization.pk, organization.organization.slug) }}" class="sidebox-content organization-row" title="{{organization.organization.about}}">
|
||||
|
|
|
@ -331,7 +331,7 @@
|
|||
<div class="right-sidebar">
|
||||
<div class="submission">
|
||||
<div class="sidebox">
|
||||
<h3>{{ _('Filter submissions') }} <i class="fa fa-search"></i></h3>
|
||||
<h3><i class="fa fa-search"></i>{{ _('Filter submissions') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
<form id="filter-form" name="form" action="" method="get">
|
||||
<div class="filter-form-group">
|
||||
|
@ -360,7 +360,7 @@
|
|||
</div>
|
||||
<div class="sidebox">
|
||||
<div id="statistics-table">
|
||||
<h3>{{ _('Statistics') }} <i class="fa fa-pie-chart"></i></h3>
|
||||
<h3><i class="fa fa-pie-chart"></i>{{ _('Statistics') }}</h3>
|
||||
<div class="sidebox-content">
|
||||
<div id="status-graph">
|
||||
<canvas width="230" height="170"></canvas>
|
||||
|
|
|
@ -96,7 +96,7 @@
|
|||
}
|
||||
|
||||
function registerNavigation() {
|
||||
const links = ['.pagination a', '.tabs li a', '.problem-feed-option a'];
|
||||
const links = ['.pagination a', '.tabs li a'];
|
||||
for (link of links) {
|
||||
$(link).on('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{% if top_rated %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('Top Rating') }} <i class="fa fa-trophy"></i></h3>
|
||||
<h3><i class="fa fa-trophy"></i>{{ _('Top Rating') }}</h3>
|
||||
<div class="sidebox-content" style="padding: 0; border: 0">
|
||||
<table class="table feed-table">
|
||||
<tbody>
|
||||
|
@ -19,7 +19,7 @@
|
|||
|
||||
{% if top_scorer %}
|
||||
<div class="blog-sidebox sidebox">
|
||||
<h3>{{ _('Top Score') }} <i class="fa fa-trophy"></i></h3>
|
||||
<h3><i class="fa fa-trophy"></i>{{ _('Top Score') }}</h3>
|
||||
<div class="sidebox-content" style="padding: 0; border: 0">
|
||||
<table class="table feed-table">
|
||||
<tbody>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue