improve log view table for mobile width using display:grid

This commit is contained in:
Hannes Heute 2024-07-03 12:42:38 +02:00
parent 704fcfece8
commit cd526f4e1d
2 changed files with 17 additions and 2 deletions

View file

@ -3324,10 +3324,25 @@ li.addon {
#adminpage .addon .desc {
padding-left: 10px;
}
#adminpage h2 {
word-break: break-all;
}
#adminpage .table-logs-grid thead tr {
display: grid;
grid-auto-flow: row;
}
@media (min-width: 600px) {
#adminpage .table-logs-grid thead tr {
grid-auto-flow: column;
}
}
#adminpage .table-logs-grid tbody {
display: grid;
}
#adminpage td.log-message,
#logdetail td.log-message {
width: 80%;
word-break: break-all;
word-break: break-word;
}
#admin-users #users tr.blocked {
background-color: #f8efc0;

View file

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