[FIX] [Bootstrap] Uniform default table background

Also removed empty style and class arguments while I was at it
This commit is contained in:
Peter Pfeufer 2023-10-26 18:17:48 +02:00
parent 5e70dab11f
commit e5ed33aeec
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
6 changed files with 18 additions and 10 deletions

View File

@ -17,7 +17,7 @@
<span class="d-md-inline m-2">{% translate 'Change Main' %}</span> <span class="d-md-inline m-2">{% translate 'Change Main' %}</span>
</a> </a>
</div> </div>
<table class="table" style="--bs-table-bg: transparent;"> <table class="table">
<thead> <thead>
<tr> <tr>
<th class="text-center"></th> <th class="text-center"></th>

View File

@ -6,7 +6,7 @@
<div class="card-body"> <div class="card-body">
<div style="height: 300px; overflow-y:auto;"> <div style="height: 300px; overflow-y:auto;">
<h6 class="text-center">{% translate "State:" %} {{ request.user.profile.state }}</h6> <h6 class="text-center">{% translate "State:" %} {{ request.user.profile.state }}</h6>
<table class="table" style="--bs-table-bg: transparent;"> <table class="table">
{% for group in groups %} {% for group in groups %}
<tr> <tr>
<td class="text-center">{{ group.name }}</td> <td class="text-center">{{ group.name }}</td>

View File

@ -7,7 +7,7 @@
<h4 class="card-title text-center">{% translate "Upcoming Fleets" %}</h4> <h4 class="card-title text-center">{% translate "Upcoming Fleets" %}</h4>
<div class="card-body"> <div class="card-body">
<div style="height: 300px; overflow-y:auto;"> <div style="height: 300px; overflow-y:auto;">
<table class="table" style="--bs-table-bg: transparent;"> <table class="table">
<thead> <thead>
<tr> <tr>
<th class="text-center">{% translate "Operation" %}</th> <th class="text-center">{% translate "Operation" %}</th>

View File

@ -1,9 +1,18 @@
/** /**
* Alliance Auth CSS Framework * Alliance Auth CSS Framework
* *
* This provides some CSS classes to be used throughout Alliance Auth and its Community Apps * This provides some CSS classes together with a couple of Bootstrap fixes
* to be used throughout Alliance Auth and its Community Apps
*/ */
/* Bootstrap fixes
------------------------------------------------------------------------------------- */
@media all {
.table {
--bs-table-bg: transparent;
}
}
/* Cursor classes /* Cursor classes
------------------------------------------------------------------------------------- */ ------------------------------------------------------------------------------------- */
@media all { @media all {

View File

@ -3,7 +3,7 @@
{% for message in messages %} {% for message in messages %}
<div class="alert alert-{{ message.level_tag }} alert-dismissible d-flex align-items-center fade show" role="alert"> <div class="alert alert-{{ message.level_tag }} alert-dismissible d-flex align-items-center fade show" role="alert">
<div class="" style=""> <div>
{% if message.level_tag == "info" %} {% if message.level_tag == "info" %}
<i class="fas fa-info-circle"></i> <i class="fas fa-info-circle"></i>
{% elif message.level_tag == "success" %} {% elif message.level_tag == "success" %}
@ -15,12 +15,11 @@
{% endif %} {% endif %}
</div> </div>
<div class="ms-2" style=""> <div class="ms-2">
{{ message }} {{ message }}
</div> </div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}

View File

@ -7,7 +7,7 @@
<h4 class="card-title text-center">{% translate "Upcoming Timers" %}</h4> <h4 class="card-title text-center">{% translate "Upcoming Timers" %}</h4>
<div class="card-body"> <div class="card-body">
<div style="height: 300px; overflow-y:auto;"> <div style="height: 300px; overflow-y:auto;">
<table class="table" style="--bs-table-bg: transparent;"> <table class="table">
<thead> <thead>
<tr> <tr>
<th class="text-center">{% translate "Details" %}</th> <th class="text-center">{% translate "Details" %}</th>
@ -20,10 +20,10 @@
<tbody> <tbody>
{% for timer in timers %} {% for timer in timers %}
<tr> <tr>
<td style="" class="text-center"> <td class="text-center">
{{ timer.details }} {{ timer.details }}
</td> </td>
<td style="" class="text-center"> <td class="text-center">
{{ timer.get_timer_type_display }} {{ timer.get_timer_type_display }}
</td> </td>
<td class="text-center" nowrap> <td class="text-center" nowrap>