Hide "New Users" box when no users are in database

- Also improved CSS organization
- Use space-around flex to center stats box
- Capitalized 'runnerspace'
This commit is contained in:
Xevion
2022-03-29 23:40:02 -05:00
parent 6b4d5acfb9
commit 2a443979b9
4 changed files with 41 additions and 32 deletions

View File

@@ -309,20 +309,23 @@ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after
text-decoration: none; text-decoration: none;
} }
.new-users, .statistics { .index-flex {
display: flex;
justify-content: space-around;
}
.index-flex .new-users, .index-flex .statistics {
margin-top: 0 !important; margin-top: 0 !important;
} }
.new-users > div, .statistics > div { .index-flex .new-users > div, .index-flex .statistics > div {
border: 1px solid grey; border: 1px solid grey;
padding: 0.2em; padding: 0.2em;
width: fit-content; width: fit-content;
padding-right: 1.5em; padding-right: 1.5em;
} }
.new-users > div a, .statistics > div a { .index-flex .new-users > div a, .index-flex .statistics > div a {
text-decoration: none; text-decoration: none;
} }
.index-flex .statistics > div {
.statistics > div {
min-height: 235px; min-height: 235px;
margin: 1em; margin: 1em;
} }

View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAOE;;AALA;EAEE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAME;EACA;EACA;EAEA;EACA;EACA;;AAXA;EACE;;;AAcN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;EACE","file":"styles.css"} {"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAOE;;AALA;EAEE;;;AASJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAMR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAIA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAKN;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;;AAMR;EACE;EACA;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAME;EACA;EACA;EAEA;EACA;EACA;;AAXA;EACE;;;AAcN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;EACE","file":"styles.css"}

View File

@@ -367,24 +367,28 @@ nav, footer {
} }
} }
.new-users, .statistics { .index-flex {
margin-top: 0 !important; display: flex;
justify-content: space-around;
.new-users, .statistics {
margin-top: 0 !important;
> div { > div {
border: 1px solid grey; border: 1px solid grey;
padding: 0.2em; padding: 0.2em;
width: fit-content; width: fit-content;
padding-right: 1.5em; padding-right: 1.5em;
a { a {
text-decoration: none; text-decoration: none;
}
} }
} }
}
.statistics > div { .statistics > div {
min-height: 235px; min-height: 235px;
margin: 1em; margin: 1em;
}
} }
span.error-message { span.error-message {

View File

@@ -1,21 +1,23 @@
{% extends 'layouts/base.html' %} {% extends 'layouts/base.html' %}
{% block content %} {% block content %}
<div style="display: flex;"> <div class="index-flex">
<div class="new-users" style="margin: 2em;"> {% if new_users|length > 0 %}
<h2>New Users</h2> <div class="new-users" style="margin: 2em;">
<div> <h2>New Users</h2>
<ul> <div>
{% for new_user in new_users %} <ul>
<li><a href="{{ url_for('main.view_user', username=new_user.username) }}">{{ new_user.username }}</a> as {% for new_user in new_users %}
of {{ new_user.get_registration_delta() }} ago <li><a href="{{ url_for('main.view_user', username=new_user.username) }}">{{ new_user.username }}</a> as
</li> of {{ new_user.get_registration_delta() }} ago
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</div>
</div> </div>
</div> {% endif %}
<div class="statistics" style="margin: 1em;"> <div class="statistics" style="margin: 1em;">
<h2>runnerspace Statistics</h2> <h2>Runnerspace Statistics</h2>
{% with comments = stats['total_comments'], posts = stats['total_posts'], users = stats['total_users'] %} {% with comments = stats['total_comments'], posts = stats['total_posts'], users = stats['total_users'] %}
<div> <div>
<div> <div>