follow hiifong's suggestion

Author: yp05327

templates/repo/home.tmpl

@@ -155,7 +155,7 @@
 										<div class="flex-item-main">
 											<div class="flex-item-header">
 												<div class="flex-item-title tw-gap-2">
-													<a class="muted" href="{{.LatestRelease.Link}}">{{.LatestRelease.Title}}</a>
+													<a class="latest-releases muted" href="{{.LatestRelease.Link}}" data-tooltip-content="{{.LatestRelease.Title}}">{{.LatestRelease.Title}}</a>
 													<span class="ui basic green label tw-h-100">{{ctx.Locale.Tr "latest"}}</span>
 												</div>
 											</div>

web_src/css/index.css

@@ -64,6 +64,7 @@
 @import "./repo/linebutton.css";
 @import "./repo/wiki.css";
 @import "./repo/header.css";
+@import "./repo/home.css";
 @import "./repo/reactions.css";
 
 @import "./editor/fileeditor.css";

web_src/css/repo/home.css

@@ -0,0 +1,8 @@
+.latest-releases {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}