Inferencium/website
1
0
Fork 0
Code Issues Activity

Increase width of description columns in tables for small displays

Browse Source 
This commit closes #56.
This commit is contained in:
inference 2024-03-05 00:58:17 +00:00
parent 942bb3fedc
commit 778bb24f99
Signed by: inference
SSH Key Fingerprint: SHA256:FtEVfx1CmTKMy40VwZvF4k+3TC+QhCWy+EmPRg50Nnc
3 changed files with 55 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
about.xhtml
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<!-- Inferencium - Website - About -->
<!-- Version: 10.0.0 -->
<!-- Version: 10.0.1-alpha.1 -->
<!-- Copyright 2022 Jake Winters -->
<!-- SPDX-License-Identifier: BSD-3-Clause -->
@ -460,6 +460,12 @@
<h4><a href="#recommendations-hardware-smartphone">Smartphone</a></h4>
<div style="overflow-x:auto;">
<table>
<colgroup>
<col class="small"/>
<col class="small"/>
<col class="lrg"/>
<col class="med"/>
</colgroup>
<thead>
<tr>
<th id="hardware-smartphone-type">Type</th>
@ -582,6 +588,12 @@
<h4><a href="#recommendations-software-pc">PC</a></h4>
<div style="overflow-x:auto;">
<table>
<colgroup>
<col class="small"/>
<col class="small"/>
<col class="lrg"/>
<col class="med"/>
</colgroup>
<thead>
<tr>
<th id="software-pc-type">Type</th>
@ -661,6 +673,12 @@
<h4><a href="#recommendations-software-smartphone">Smartphone</a></h4>
<div style="overflow-x:auto;">
<table>
<colgroup>
<col class="small"/>
<col class="small"/>
<col class="lrg"/>
<col class="med"/>
</colgroup>
<thead>
<tr>
<th id="software-smartphone-type">Type</th>

13
directory.xhtml
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<!-- Inferencium - Website - Directory -->
<!-- Version: 5.0.0 -->
<!-- Version: 5.0.1-alpha.1 -->
<!-- Copyright 2023 Jake Winters -->
<!-- SPDX-License-Identifier: BSD-3-Clause -->
@ -42,7 +42,15 @@
<p>For assistance within any channel, contact a moderator of the channel. If an
issue is related to a moderator, contact an administrator; administrators should
not be contacted unless the issue cannot be resolved by a moderator.</p>
<table>
<div style="overflow-x: auto;">
<table class="lrg">
<colgroup>
<col class="med"/>
<col style="width:35%"/>
<col class="small"/>
<col style="width:20%"/>
<col style="width:20%"/>
</colgroup>
<thead>
<tr>
<th id="name">Name</th>
@ -172,6 +180,7 @@
</tr>
</tbody>
</table>
</div>
</section>
<div class="sitemap-small"><a href="sitemap.xhtml">Sitemap</a></div>
</body>

26
main.css
View File

@ -1,5 +1,5 @@
/* Inferencium - Website - CSS - Main */
/* Version: 12.0.0 */
/* Version: 12.0.1-alpha.1 */
/* Copyright 2022 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause */
@ -124,6 +124,10 @@ td.desc {
text-align: left;
}
td.desc-small {
text-align: left;
}
td.green {
background-color: #00a70a
}
@ -132,6 +136,18 @@ td.red {
background-color: #e50000;
}
colgroup col.small {
width: 10%;
}
colgroup col.med {
width: 15%;
}
colgroup col.lrg {
width: 65%;
}
/* Image */
img.avatar {
@ -258,6 +274,14 @@ div.sitemap-small {
text-align: center;
}
table {
width: 200vw;
}
table.lrg {
width: 300vw;
}
}