make logs table straight, don't use grid for table body

This commit is contained in:
Hannes Heute 2024-07-04 14:35:03 +02:00
parent d63edf5dfa
commit 6d80df6849
2 changed files with 19 additions and 10 deletions

View file

@ -3327,22 +3327,31 @@ li.addon {
#adminpage h2 { #adminpage h2 {
word-break: break-all; word-break: break-all;
} }
#adminpage .table-logs-grid thead tr { #adminpage .table-logs thead tr {
display: grid; display: grid;
grid-auto-flow: row; grid-auto-flow: row;
} }
@media (min-width: 600px) { #adminpage .table-logs tbody {
#adminpage .table-logs-grid thead tr { display: table;
grid-auto-flow: column; width: 100%;
} table-layout: fixed;
} }
#adminpage .table-logs-grid tbody { #adminpage .table-logs td {
display: grid; word-break: break-word;
}
#adminpage .table-logs td.log-message {
width: 40%;
} }
#adminpage td.log-message,
#logdetail td.log-message { #logdetail td.log-message {
width: 80%; width: 80%;
word-break: break-word; }
@media (min-width: 600px) {
#adminpage .table-logs thead tr {
grid-auto-flow: column;
}
#adminpage .table-logs td.log-message {
width: 60%;
}
} }
#admin-users #users tr.blocked { #admin-users #users tr.blocked {
background-color: #f8efc0; background-color: #f8efc0;

View file

@ -22,7 +22,7 @@
</div> </div>
</form> </form>
<table class="table table-hover table-logs-grid"> <table class="table table-hover table-logs">
<thead> <thead>
<tr> <tr>
<th>{{$l10n.Date}}</th> <th>{{$l10n.Date}}</th>