From cf2546e60772752e583def7d7dc04f83758bdb73 Mon Sep 17 00:00:00 2001
From: eleith <online-gitea@eleith.com>
Date: Tue, 19 Aug 2025 17:54:10 +0000
Subject: [PATCH] feat: allow entry titles to wrap to two lines

The previous CSS truncated titles to a single line, which was often too short on mobile devices.

This change modifies the styling of entry titles to:
- Allow text to wrap onto a second line.
- Truncate the title with an ellipsis if it exceeds two lines.
- Slightly reduce the font size to improve readability.
---
 internal/templates/static/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/internal/templates/static/style.css b/internal/templates/static/style.css
index 3b0ac44..38716f0 100644
--- a/internal/templates/static/style.css
+++ b/internal/templates/static/style.css
@@ -120,7 +120,7 @@ section.entry:focus-within {
 }
 
 summary.entry {
-    font-size: 1.25rem;
+    font-size: 1.125rem;
     font-weight: 450;
     padding: 0.5rem;
     cursor: pointer;
@@ -128,9 +128,11 @@ summary.entry {
     text-decoration: none;
     list-style: none;
     position: relative;
-    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
 }
 
 details[open] summary.entry {
-- 
2.54.0