fix mobile table layout

This commit is contained in:
Simon 2023-09-02 17:37:28 +07:00
parent c3da3e23af
commit fa45cf08ba
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
3 changed files with 11 additions and 2 deletions

View File

@ -28,7 +28,7 @@
<table> <table>
<thead> <thead>
<tr> <tr>
<th>Name</th> <th class="agg-channel-name">Name</th>
<th>Videos</th> <th>Videos</th>
<th>Duration</th> <th>Duration</th>
<th>Media Size</th> <th>Media Size</th>

View File

@ -1249,6 +1249,7 @@ video:-webkit-full-screen {
.playlist-list.grid, .playlist-list.grid,
.info-box-2, .info-box-2,
.info-box-3, .info-box-3,
.info-box-4,
.overwrite-form { .overwrite-form {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@ -1315,4 +1316,12 @@ video:-webkit-full-screen {
.playlist-nav-item img { .playlist-nav-item img {
width: 100%; width: 100%;
} }
.agg-channel-name {
min-width: 50px;
width: 100px;
max-width: 200px;
}
.td, th, span, label {
text-align: unset;
}
} }

View File

@ -142,7 +142,7 @@ function biggestChannel() {
function buildChannelRow(channelData) { function buildChannelRow(channelData) {
let tableRow = document.createElement('tr'); let tableRow = document.createElement('tr');
tableRow.innerHTML = ` tableRow.innerHTML = `
<td><a href="/channel/${channelData.id}/">${channelData.name}</a></td> <td class="agg-channel-name"><a href="/channel/${channelData.id}/">${channelData.name}</a></td>
<td>${channelData.doc_count}</td> <td>${channelData.doc_count}</td>
<td>${channelData.duration_str}</td> <td>${channelData.duration_str}</td>
<td>${humanFileSize(channelData.media_size)}</td> <td>${humanFileSize(channelData.media_size)}</td>