Optimize flex layout of release attachment area (#34885) (#34886)

GiteaBot · kerwin612 · web-flow · commit 90e9e79232bc · 2025-06-28T09:10:41.000+08:00
Backport #34885 by kerwin612 Co-authored-by: Kerwin Bryant <kerwin612@qq.com>
diff --git a/templates/repo/release/list.tmpl b/templates/repo/release/list.tmpl
@@ -92,7 +92,7 @@
 								{{end}}
 								{{range $att := $release.Attachments}}
 									<li class="item">
-										<a target="_blank" class="tw-flex-grow-[2] gt-ellipsis" rel="nofollow" download href="{{$att.DownloadURL}}">
+										<a target="_blank" class="tw-flex-1 gt-ellipsis" rel="nofollow" download href="{{$att.DownloadURL}}">
 											<strong class="flex-text-inline">{{svg "octicon-package" 16 "download-icon"}}<span class="gt-ellipsis">{{$att.Name}}</span></strong>
 										</a>
 										<div class="attachment-right-info flex-text-inline">
diff --git a/web_src/css/repo/release-tag.css b/web_src/css/repo/release-tag.css
@@ -70,8 +70,12 @@
   flex-wrap: wrap;
 }
 
+#release-list .release-entry .attachment-list > .item a {
+  min-width: 300px;
+}
+
 #release-list .release-entry .attachment-list .attachment-right-info {
-  flex-grow: 1;
+  flex-shrink: 0;
   min-width: 300px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -70,8 +70,12 @@`
`70`	`70`	`flex-wrap: wrap;`
`71`	`71`	`}`
`72`	`72`
	`73`	`+#release-list .release-entry .attachment-list > .item a {`
	`74`	`+ min-width: 300px;`
	`75`	`+}`
	`76`	`+`
`73`	`77`	`#release-list .release-entry .attachment-list .attachment-right-info {`
`74`		`- flex-grow: 1;`
	`78`	`+ flex-shrink: 0;`
`75`	`79`	`min-width: 300px;`
`76`	`80`	`}`
`77`	`81`