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

13
directory.xhtml
View File

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

26
main.css
View File

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