Fix up some of the tables when data is too long

This commit is contained in:
Kevin Chung
2020-05-01 17:26:06 -04:00
parent fe97385f69
commit 9003c29846
7 changed files with 49 additions and 40 deletions

View File

@@ -127,26 +127,32 @@
</h3> </h3>
<hr class="w-50"> <hr class="w-50">
<div class="pt-3"> <div class="pt-3">
<a class="edit-team"> <a class="edit-team text-dark">
<i class="btn-fa fas fa-pencil-alt fa-2x px-2" data-toggle="tooltip" data-placement="top" <i class="btn-fa fas fa-pencil-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
title="Edit Team"></i> title="Edit Team"></i>
</a> </a>
<a class="edit-captain"> <a class="edit-captain text-dark">
<i class="btn-fa fas fa-user-tag fa-2x px-2" data-toggle="tooltip" data-placement="top" <i class="btn-fa fas fa-user-tag fa-2x px-2" data-toggle="tooltip" data-placement="top"
title="Choose Captain"></i> title="Choose Captain"></i>
</a> </a>
<a class="award-team"> <a class="award-team text-dark">
<i class="btn-fa fas fa-trophy fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Award Team Member"></i> <i class="btn-fa fas fa-trophy fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Award Team Member"></i>
</a> </a>
<a class="delete-team"> <a class="delete-team text-dark">
<i class="btn-fa fas fa-trash-alt fa-2x px-2" data-toggle="tooltip" data-placement="top" <i class="btn-fa fas fa-trash-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
title="Delete Team"></i> title="Delete Team"></i>
</a> </a>
</div> </div>
<div class="pt-3"> <div class="pt-3">
<a class="addresses-team"> <a class="addresses-team text-dark">
<i class="btn-fa fas fa-network-wired fa-2x px-2" data-toggle="tooltip" data-placement="top" title="IP Addresses"></i> <i class="btn-fa fas fa-network-wired fa-2x px-2" data-toggle="tooltip" data-placement="top" title="IP Addresses"></i>
</a> </a>
{% if team.website %}
<a href="{{ team.website }}" target="_blank" class="text-dark">
<i class="btn-fa fas fa-external-link-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
title="{{ team.website }}" aria-hidden="true"></i>
</a>
{% endif %}
</div> </div>
</div> </div>
</div> </div>

View File

@@ -74,10 +74,9 @@
</th> </th>
<th class="sort-col text-center"><b>ID</b></th> <th class="sort-col text-center"><b>ID</b></th>
<th class="sort-col text-left"><b>Team</b></th> <th class="sort-col text-left"><b>Team</b></th>
<th class="sort-col text-center"><b>Website</b></th>
<th class="sort-col text-center"><b>Country</b></th> <th class="sort-col text-center"><b>Country</b></th>
<th class="sort-col text-center"><b>Hidden</b></th> <th class="sort-col text-center px-0"><small><b>Hidden</b></small></th>
<th class="sort-col text-center"><b>Banned</b></th> <th class="sort-col text-center px-0"><small><b>Banned</b></small></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -98,6 +97,12 @@
<span class="badge badge-primary">Official</span> <span class="badge badge-primary">Official</span>
</a> </a>
{% endif %} {% endif %}
{% if team.website %}
<a href="{{ team.website }}" target="_blank" class="badge badge-info">
<i class="btn-fa fas fa-external-link-alt" data-toggle="tooltip" data-placement="top"
title="{{ team.website }}" aria-hidden="true"></i>
</a>
{% endif %}
<span class="d-block text-muted"> <span class="d-block text-muted">
<small> <small>
{% if team.affiliation %} {% if team.affiliation %}
@@ -106,20 +111,11 @@
</small> </small>
</span> </span>
</td> </td>
<td class="team-website text-center">
{% if team.website %}
<a href="{{ team.website }}" target="_blank">
<i class="btn-fa fas fa-external-link-alt" data-toggle="tooltip" data-placement="top"
title="{{ team.website }}" aria-hidden="true"></i>
</a>
{% endif %}
</td>
<td class="team-country text-center" value="{{ team.country if team.country is not none }}"> <td class="team-country text-center" value="{{ team.country if team.country is not none }}">
<span> <span>
{% if team.country %} {% if team.country %}
<i class="flag-{{ team.country.lower() }}"></i> <i class="flag-{{ team.country.lower() }}"></i>
{{ lookup_country_code(team.country) }} <small>{{ lookup_country_code(team.country) }}</small>
{% endif %} {% endif %}
</span> </span>
</td> </td>

View File

@@ -130,23 +130,29 @@
</h3> </h3>
<hr class="w-50"> <hr class="w-50">
<div class="pt-3"> <div class="pt-3">
<a class="edit-user"> <a class="edit-user text-dark">
<i class="btn-fa fas fa-user-edit fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Edit User"></i> <i class="btn-fa fas fa-user-edit fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Edit User"></i>
</a> </a>
<a class="award-user"> <a class="award-user text-dark">
<i class="btn-fa fas fa-trophy fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Award User"></i> <i class="btn-fa fas fa-trophy fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Award User"></i>
</a> </a>
<a class="email-user"> <a class="email-user text-dark">
<i class="btn-fa fas fa-envelope fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Email User"></i> <i class="btn-fa fas fa-envelope fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Email User"></i>
</a> </a>
<a class="delete-user"> <a class="delete-user text-dark">
<i class="btn-fa fas fa-trash-alt fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Delete User"></i> <i class="btn-fa fas fa-trash-alt fa-2x px-2" data-toggle="tooltip" data-placement="top" title="Delete User"></i>
</a> </a>
</div> </div>
<div class="pt-3"> <div class="pt-3">
<a class="addresses-user"> <a class="addresses-user text-dark">
<i class="btn-fa fas fa-network-wired fa-2x px-2" data-toggle="tooltip" data-placement="top" title="IP Addresses"></i> <i class="btn-fa fas fa-network-wired fa-2x px-2" data-toggle="tooltip" data-placement="top" title="IP Addresses"></i>
</a> </a>
{% if user.website %}
<a href="{{ user.website }}" target="_blank" class="text-decoration-none text-dark">
<i class="btn-fa fas fa-external-link-alt fa-2x px-2" data-toggle="tooltip" data-placement="top"
title="{{ user.website }}" aria-hidden="true"></i>
</a>
{% endif %}
</div> </div>
</div> </div>
</div> </div>

View File

@@ -77,12 +77,11 @@
<th class="sort-col text-center"><b>ID</b></td> <th class="sort-col text-center"><b>ID</b></td>
<th class="sort-col text-center"><b>User</b></th> <th class="sort-col text-center"><b>User</b></th>
<th class="d-md-table-cell d-lg-table-cell sort-col text-center"><b>Email</b></th> <th class="d-md-table-cell d-lg-table-cell sort-col text-center"><b>Email</b></th>
<th class="sort-col"><b>Website</b></th> <th class="sort-col text-center"><b>Country</b></th>
<th class="sort-col"><b>Country</b></th> <th class="sort-col text-center px-0"><small><b>Admin</b></small></th>
<th class="sort-col text-center"><b>Admin</b></th> <th class="sort-col text-center px-0"><small><b>Verified</b></small></th>
<th class="sort-col text-center"><b>Verified</b></th> <th class="sort-col text-center px-0"><small><b>Hidden</b></small></th>
<th class="sort-col text-center"><b>Hidden</b></th> <th class="sort-col text-center px-0"><small><b>Banned</b></small></th>
<th class="sort-col text-center"><b>Banned</b></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -103,6 +102,12 @@
<span class="badge badge-primary">Official</span> <span class="badge badge-primary">Official</span>
</a> </a>
{% endif %} {% endif %}
{% if user.website %}
<a href="{{ user.website }}" target="_blank" class="badge badge-info">
<i class="btn-fa fas fa-external-link-alt" data-toggle="tooltip" data-placement="top"
title="{{ user.website }}" aria-hidden="true"></i>
</a>
{% endif %}
{% if user.affiliation %} {% if user.affiliation %}
<span class="d-block text-muted"><small>{{ user.affiliation | truncate(20) }}</small></span> <span class="d-block text-muted"><small>{{ user.affiliation | truncate(20) }}</small></span>
{% endif %} {% endif %}
@@ -112,19 +117,11 @@
<a href="mailto:{{ user.email }}" target="_blank">{{ user.email | truncate(32) }}</a> <a href="mailto:{{ user.email }}" target="_blank">{{ user.email | truncate(32) }}</a>
{% endif %} {% endif %}
</td> </td>
<td class="team-website text-center">
{% if user.website %}
<a href="{{ user.website }}" target="_blank">
<i class="btn-fa fas fa-external-link-alt" data-toggle="tooltip" data-placement="top"
title="{{ user.website }}" aria-hidden="true"></i>
</a>
{% endif %}
</td>
<td class="team-country text-center" value="{{ user.country if user.country is not none }}"> <td class="team-country text-center" value="{{ user.country if user.country is not none }}">
<span> <span>
{% if user.country %} {% if user.country %}
<i class="flag-{{ user.country.lower() }}"></i> <i class="flag-{{ user.country.lower() }}"></i>
{{ lookup_country_code(user.country) }} <small>{{ lookup_country_code(user.country) }}</small>
{% endif %} {% endif %}
</span> </span>
</td> </td>

View File

@@ -30,6 +30,10 @@ table > thead > tr > td {
border-top: none !important; border-top: none !important;
} }
.table thead th {
white-space: nowrap;
}
.fa-spin.spinner { .fa-spin.spinner {
margin-top: 225px; margin-top: 225px;
text-align: center; text-align: center;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long