git-repo-styles

Design documents for git.pablopie.xyz ✏️

Commit: 7dcdf707fe854ef5e1d0fc93f87308cac6137fa7
Parent: fd328be02c2d107ca4351248d776f500bd4a285e
Author: Pablo <pablo-escobar@riseup.net>
Date: Sun, 25 Sep 2022 20:01:57 +0000

Wrapped all tables in divs to avoid overflows

Diffstat

4 files changed, 28 insertions, 9 deletions

Status	File Name	N° Changes	Insertions	Deletions
Modified	commit.html	2	2	0
Modified	files.html	2	2	0
Modified	refs.html	26	17	9
Modified	styles.css	7	7	0

diff --git a/commit.html b/commit.html
@@ -42,6 +42,7 @@
 
 <p>1 file changed, 1 insertion, 1 deletion</p>
 
+<div class="table-container">
 <table>
 <thead>
 <tr>
@@ -62,6 +63,7 @@
 </tr>
 </tbody>
 </table>
+</div>
 
 <div class="codeblock">
 <pre><b>diff --git a/<a id="h0" href="https://git.pablopie.xyz/stagit/file/stagit-index.c.html">stagit-index.c</a> b/<a href="https://git.pablopie.xyz/stagit/file/stagit-index.c.html">stagit-index.c</a></b>

diff --git a/files.html b/files.html
@@ -24,6 +24,7 @@ geodesics problem
 <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/README.html">README</a></li>
 <li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/file/LICENSE.html">LICENSE</a></li>
 </ul>
+<div class="table-container">
 <table>
 <colgroup>
 <col style="width: 80pt;" />
@@ -45,6 +46,7 @@ geodesics problem
 <tr><td><code>-rw-r--r--</code></td><td><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/file/sections/structure.tex.html">sections/structure.tex</a></td><td align="right">564L</td></tr>
 </tbody>
 </table>
+</div>
 
 </main>
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>

diff --git a/refs.html b/refs.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html><head>
+<html>
+<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>stagit &mdash; Refs</title>
@@ -26,18 +27,25 @@ git.pablopie.xyz
 <li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li>
 </ul>
 <h2>Branches</h2>
+<div class="table-container">
 <table id="branches">
 <thead>
-<tr><td>Name</td><td>Last commit date</td><td>Author</td>
+<tr>
+<td>Name</td>
+<td>Last commit date</td>
+<td>Author</td>
 </tr>
 </thead>
 <tbody>
-<tr><td>master</td><td><time datetime="2022-08-29 23:22">29/08/2022 23:22</time>
-</td><td>Pablo</td></tr>
-</tbody></table><br>
-
+<tr>
+<td>master</td>
+<td><time datetime="2022-08-29 23:22">29/08/2022 23:22</time></td>
+<td>Pablo</td>
+</tr>
+</tbody>
+</table>
+<div>
 </main>
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
-
-
-</body></html>
+</body>
+</html>

diff --git a/styles.css b/styles.css
@@ -150,6 +150,12 @@ nav img {
   maring-top: 10px;
 }
 
+.table-container {
+  max-width: 100%;
+  overflow-x: scroll;
+  scrollbar-width: none;
+}
+
 .codeblock {
   background: var(--dark-background);
   border-left: 5px solid var(--accent);
@@ -183,6 +189,7 @@ nav img {
   margin-top: 1em;
   padding: 1em;
   background: var(--dark-background);
+  overflow-wrap: break-word;
 }
 
 .commit > :first-child {