fix: viewport resizing on table content fitting screen

This commit is contained in:
2025-03-22 05:51:56 -07:00
parent b4675dac70
commit 811380215a

View File

@@ -775,6 +775,7 @@ const server = http.createServer((req, res) => {
padding-bottom: 4vh; padding-bottom: 4vh;
font-size: 1.6vmin; font-size: 1.6vmin;
line-height: 2.5vmin; line-height: 2.5vmin;
font-weight: 100;
} }
.breadcrumb .breadcrumb
@@ -919,6 +920,7 @@ const server = http.createServer((req, res) => {
{ {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
min-width: 13vw !important;
} }
table table
@@ -956,6 +958,18 @@ const server = http.createServer((req, res) => {
line-height: 2.5vmin; line-height: 2.5vmin;
} }
#list .link a
{
color: #ff286e !important;
}
#list .link a:hover
{
color: #FFF !important;
text-decoration: underline dotted #FF0048;
font-weight: 100;
}
.table-hover tbody tr:hover .table-hover tbody tr:hover
{ {
background-color: rgba(155, 155, 155, 0.075); background-color: rgba(155, 155, 155, 0.075);
@@ -1092,11 +1106,11 @@ const server = http.createServer((req, res) => {
</svg> </svg>
<!-- <i class="fa fa-fw fa-solid fa-file-lines" aria-hidden="true"></i> --> <!-- <i class="fa fa-fw fa-solid fa-file-lines" aria-hidden="true"></i> -->
</td> </td>
<td class="link col filename"> <td class="file col filename">
<a id="playlist-url" target="_blank"></a> <a id="playlist-url" target="_blank"></a>
</td> </td>
<td class="date col-auto d-none d-md-table-cell"><a id="playlist-link" target="_blank"></a></td> <td class="link col-auto d-none d-md-table-cell"><a id="playlist-link" target="_blank"></a></td>
<td class="date col-auto d-none d-md-table-cell">Playlist data file which contains a list of all channels, their associated group, and logo URL.</td> <td class="desc col-auto d-none d-md-table-cell">Playlist data file which contains a list of all channels, their associated group, and logo URL.</td>
</tr> </tr>
<tr> <tr>
<td class="col-auto"> <td class="col-auto">
@@ -1105,11 +1119,11 @@ const server = http.createServer((req, res) => {
</svg> </svg>
<!-- <i class="fa fa-fw fa-solid fa-file-lines" aria-hidden="true"></i> --> <!-- <i class="fa fa-fw fa-solid fa-file-lines" aria-hidden="true"></i> -->
</td> </td>
<td class="link col filename"> <td class="file col filename">
<a id="epg-url" target="_blank"></a> <a id="epg-url" target="_blank"></a>
</td> </td>
<td class="date col-auto d-none d-md-table-cell"><a id="epg-link" target="_blank"></a></td> <td class="link col-auto d-none d-md-table-cell"><a id="epg-link" target="_blank"></a></td>
<td class="date col-auto d-none d-md-table-cell">XML / EPG guide data which contains a list of all programs which are scheduled to play on a specific channel.</td> <td class="desc col-auto d-none d-md-table-cell">XML / EPG guide data which contains a list of all programs which are scheduled to play on a specific channel.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>