Friendica/friendica-github
1
0
Fork 0
mirror of https://github.com/friendica/friendica synced 2024-12-22 22:00:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #14271 from haheute/log-view-mobile

Browse source 
improve log view table for mobile width using display:grid
This commit is contained in:
Michael Vogel 2024-07-03 14:35:48 +02:00 committed by GitHub
commit d63edf5dfa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
view/theme/frio/css/style.css
View file

@ -3324,10 +3324,25 @@ li.addon {
#adminpage .addon .desc { #adminpage .addon .desc {
padding-left: 10px; 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, #adminpage td.log-message,
#logdetail td.log-message { #logdetail td.log-message {
width: 80%; width: 80%;
word-break: break-all; word-break: break-word;
} }
#admin-users #users tr.blocked { #admin-users #users tr.blocked {
background-color: #f8efc0; background-color: #f8efc0;

2
view/theme/frio/templates/admin/logs/view.tpl
View file

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