From ece5c71abd68a79bede3334c6e8d5899b822e7a6 Mon Sep 17 00:00:00 2001
From: Adrian Victor <adrianvictor@disroot.org>
Date: Sat, 4 Jul 2026 14:51:17 -0300
Subject: [PATCH] Change main.css to limit aside size.

---
 misc/about/index.njk |  2 +-
 static/main.css      | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/misc/about/index.njk b/misc/about/index.njk
index af28fcd..2f3dd9f 100644
--- a/misc/about/index.njk
+++ b/misc/about/index.njk
@@ -41,7 +41,7 @@ background: "bear3.jpg"
         </div>
         <ul>
           {%- for commit in collections.recentChanges %}
-                <li><b>{{ commit.abbrevHash }}</b> {{ commit.subject }}</li>
+                <li class="doubleLine"><b>{{ commit.abbrevHash }}</b> {{ commit.subject }}</li>
           {%- endfor %}
         </ul>
     </div>
diff --git a/static/main.css b/static/main.css
index 040b87f..934004d 100644
--- a/static/main.css
+++ b/static/main.css
@@ -258,6 +258,22 @@ footer a {
     width: 100%;
 }
 
+.singleLine {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    line-clamp: 1;
+    -webkit-box-orient: vertical;
+}
+
+.doubleLine {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
 .notificationBox {
     transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
     width: fit-content;
@@ -708,6 +724,10 @@ article {
     gap: 2em;
 }
 
+#mainHelper > aside {
+    max-width: 20%;
+}
+
 #mainHelper aside {
     display: flex;
     flex-direction: column;
@@ -1109,6 +1129,10 @@ header div:first-child {
         max-width: 90vw;
     }
 
+    #mainHelper > aside {
+        max-width: unset;
+    }
+
     #homeSquares {
         flex-direction: row;
         align-content: center;