mirror of
https://gitlab.com/allianceauth/allianceauth.git
synced 2025-07-09 12:30:15 +02:00
Fix table styles and nav tabs for dark mode
This commit is contained in:
Erik Kalkoken
Ariel Rin
parent
75a3adb2c9
commit
1473259e41
@ -40,120 +40,121 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="tab-content">
|
<div class="panel panel-default panel-tabs-aa">
|
||||||
<div id="add" class="tab-pane fade in active panel panel-default">
|
<div class="panel-body">
|
||||||
<div class="panel-body">
|
<div class="tab-content">
|
||||||
{% if acceptrequests %}
|
|
||||||
<div class="table-responsive">
|
<div id="add" class="tab-pane active">
|
||||||
<table class="table table-aa">
|
{% if acceptrequests %}
|
||||||
<thead>
|
<div class="table-responsive">
|
||||||
<tr>
|
<table class="table table-aa">
|
||||||
<th>{% trans "Character" %}</th>
|
<thead>
|
||||||
<th>{% trans "Organization" %}</th>
|
|
||||||
<th>{% trans "Group" %}</th>
|
|
||||||
<th></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
{% for acceptrequest in acceptrequests %}
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<th>{% trans "Character" %}</th>
|
||||||
<img src="{{ acceptrequest.main_char|character_portrait_url:32 }}" class="img-circle" style="margin-right: 1rem;">
|
<th>{% trans "Organization" %}</th>
|
||||||
{% if acceptrequest.main_char %}
|
<th>{% trans "Group" %}</th>
|
||||||
<a href="{{ acceptrequest.main_char|evewho_character_url }}" target="_blank">
|
<th></th>
|
||||||
{{ acceptrequest.main_char.character_name }}
|
|
||||||
</a>
|
|
||||||
{% else %}
|
|
||||||
{{ acceptrequest.user.username }}
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
{% if acceptrequest.main_char %}
|
|
||||||
<a href="{{ acceptrequest.main_char|dotlan_corporation_url }}" target="_blank">
|
|
||||||
{{ acceptrequest.main_char.corporation_name }}
|
|
||||||
</a><br>
|
|
||||||
{{ acceptrequest.main_char.alliance_name|default_if_none:"" }}
|
|
||||||
{% else %}
|
|
||||||
{% trans "(unknown)" %}
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td>{{ acceptrequest.group.name }}</td>
|
|
||||||
<td class="text-right">
|
|
||||||
<a href="{% url 'groupmanagement:accept_request' acceptrequest.id %}" class="btn btn-success">
|
|
||||||
{% trans "Accept" %}
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="{% url 'groupmanagement:reject_request' acceptrequest.id %}" class="btn btn-danger">
|
|
||||||
{% trans "Reject" %}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
</thead>
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="alert alert-warning text-center">{% trans "No group add requests." %}</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="leave" class="tab-pane fade panel panel-default">
|
<tbody>
|
||||||
<div class="panel-body">
|
{% for acceptrequest in acceptrequests %}
|
||||||
{% if leaverequests %}
|
<tr>
|
||||||
<div class="table-responsive">
|
<td>
|
||||||
<table class="table table-aa">
|
<img src="{{ acceptrequest.main_char|character_portrait_url:32 }}" class="img-circle" style="margin-right: 1rem;">
|
||||||
<thead>
|
{% if acceptrequest.main_char %}
|
||||||
<tr>
|
<a href="{{ acceptrequest.main_char|evewho_character_url }}" target="_blank">
|
||||||
<th>{% trans "Character" %}</th>
|
{{ acceptrequest.main_char.character_name }}
|
||||||
<th>{% trans "Organization" %}</th>
|
</a>
|
||||||
<th>{% trans "Group" %}</th>
|
{% else %}
|
||||||
<th></th>
|
{{ acceptrequest.user.username }}
|
||||||
</tr>
|
{% endif %}
|
||||||
</thead>
|
</td>
|
||||||
|
<td>
|
||||||
|
{% if acceptrequest.main_char %}
|
||||||
|
<a href="{{ acceptrequest.main_char|dotlan_corporation_url }}" target="_blank">
|
||||||
|
{{ acceptrequest.main_char.corporation_name }}
|
||||||
|
</a><br>
|
||||||
|
{{ acceptrequest.main_char.alliance_name|default_if_none:"" }}
|
||||||
|
{% else %}
|
||||||
|
{% trans "(unknown)" %}
|
||||||
|
{% endif %}
|
||||||
|
</td>
|
||||||
|
<td>{{ acceptrequest.group.name }}</td>
|
||||||
|
<td class="text-right">
|
||||||
|
<a href="{% url 'groupmanagement:accept_request' acceptrequest.id %}" class="btn btn-success">
|
||||||
|
{% trans "Accept" %}
|
||||||
|
</a>
|
||||||
|
|
||||||
<tbody>
|
<a href="{% url 'groupmanagement:reject_request' acceptrequest.id %}" class="btn btn-danger">
|
||||||
{% for leaverequest in leaverequests %}
|
{% trans "Reject" %}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<div class="alert alert-warning text-center">{% trans "No group add requests." %}</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="leave" class="tab-pane">
|
||||||
|
{% if leaverequests %}
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-aa">
|
||||||
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<th>{% trans "Character" %}</th>
|
||||||
<img src="{{ leaverequest.main_char|character_portrait_url:32 }}" class="img-circle" style="margin-right: 1rem;">
|
<th>{% trans "Organization" %}</th>
|
||||||
{% if leaverequest.main_char %}
|
<th>{% trans "Group" %}</th>
|
||||||
<a href="{{ leaverequest.main_char|evewho_character_url }}" target="_blank">
|
<th></th>
|
||||||
{{ leaverequest.main_char.character_name }}
|
|
||||||
</a>
|
|
||||||
{% else %}
|
|
||||||
{{ leaverequest.user.username }}
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
{% if leaverequest.main_char %}
|
|
||||||
<a href="{{ leaverequest.main_char|dotlan_corporation_url }}" target="_blank">
|
|
||||||
{{ leaverequest.main_char.corporation_name }}
|
|
||||||
</a><br>
|
|
||||||
{{ leaverequest.main_char.alliance_name|default_if_none:"" }}
|
|
||||||
{% else %}
|
|
||||||
{% trans "(unknown)" %}
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td>{{ leaverequest.group.name }}</td>
|
|
||||||
<td class="text-right">
|
|
||||||
<a href="{% url 'groupmanagement:leave_accept_request' leaverequest.id %}" class="btn btn-success">
|
|
||||||
{% trans "Accept" %}
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="{% url 'groupmanagement:leave_reject_request' leaverequest.id %}" class="btn btn-danger">
|
|
||||||
{% trans "Reject" %}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
</thead>
|
||||||
</tbody>
|
|
||||||
</table>
|
<tbody>
|
||||||
</div>
|
{% for leaverequest in leaverequests %}
|
||||||
{% else %}
|
<tr>
|
||||||
<div class="alert alert-warning text-center">{% trans "No group leave requests." %}</div>
|
<td>
|
||||||
{% endif %}
|
<img src="{{ leaverequest.main_char|character_portrait_url:32 }}" class="img-circle" style="margin-right: 1rem;">
|
||||||
|
{% if leaverequest.main_char %}
|
||||||
|
<a href="{{ leaverequest.main_char|evewho_character_url }}" target="_blank">
|
||||||
|
{{ leaverequest.main_char.character_name }}
|
||||||
|
</a>
|
||||||
|
{% else %}
|
||||||
|
{{ leaverequest.user.username }}
|
||||||
|
{% endif %}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{% if leaverequest.main_char %}
|
||||||
|
<a href="{{ leaverequest.main_char|dotlan_corporation_url }}" target="_blank">
|
||||||
|
{{ leaverequest.main_char.corporation_name }}
|
||||||
|
</a><br>
|
||||||
|
{{ leaverequest.main_char.alliance_name|default_if_none:"" }}
|
||||||
|
{% else %}
|
||||||
|
{% trans "(unknown)" %}
|
||||||
|
{% endif %}
|
||||||
|
</td>
|
||||||
|
<td>{{ leaverequest.group.name }}</td>
|
||||||
|
<td class="text-right">
|
||||||
|
<a href="{% url 'groupmanagement:leave_accept_request' leaverequest.id %}" class="btn btn-success">
|
||||||
|
{% trans "Accept" %}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="{% url 'groupmanagement:leave_reject_request' leaverequest.id %}" class="btn btn-danger">
|
||||||
|
{% trans "Reject" %}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<div class="alert alert-warning text-center">{% trans "No group leave requests." %}</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -43,27 +43,51 @@ ul.list-group.list-group-horizontal > li.list-group-item {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* style group headers within a table */
|
@media all {
|
||||||
.tr-group {
|
/* style nav tabs in dark mode*/
|
||||||
font-weight: bold;
|
.template-dark-mode .nav-tabs > li.active > a {
|
||||||
background-color: #e6e6e6 !important;
|
background-color: rgb(70, 69, 69)!important;
|
||||||
}
|
color: rgb(255, 255, 255) !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* default style for tables */
|
.panel-tabs-aa {
|
||||||
.table-aa > thead > tr > th{
|
border-top: none;
|
||||||
border-bottom: 1px solid #f2f2f2;
|
border-top-left-radius: 0%;
|
||||||
}
|
border-top-right-radius: 0%;
|
||||||
.table-aa > thead > tr > th{
|
}
|
||||||
vertical-align: middle;
|
|
||||||
}
|
/* style group headers within a table */
|
||||||
.table-aa > tbody > tr > td{
|
.template-light-mode .tr-group {
|
||||||
border-bottom: 1px solid #f2f2f2;
|
font-weight: bold;
|
||||||
}
|
background-color: #e6e6e6 !important;
|
||||||
.table-aa > tbody > tr > td {
|
}
|
||||||
vertical-align: middle;
|
.template-dark-mode .tr-group {
|
||||||
}
|
font-weight: bold;
|
||||||
.table-aa > tbody > tr:last-child {
|
background-color: rgb(105, 105, 105) !important;
|
||||||
border-bottom: none;
|
}
|
||||||
|
|
||||||
|
/* default style for tables */
|
||||||
|
.template-light-mode .table-aa > thead > tr > th{
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
.template-dark-mode .table-aa > thead > tr > th{
|
||||||
|
border-bottom: 1px solid rgb(70, 69, 69);
|
||||||
|
}
|
||||||
|
.table-aa > thead > tr > th{
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.template-light-mode .table-aa > tbody > tr > td{
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
.template-dark-mode .table-aa > tbody > tr > td{
|
||||||
|
border-bottom: 1px solid rgb(70, 69, 69);
|
||||||
|
}
|
||||||
|
.table-aa > tbody > tr > td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.table-aa > tbody > tr:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* highlight active menu items
|
/* highlight active menu items
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user