Optimize flex layout of release attachment area (go-gitea#34885)

kerwin612 · GiteaBot · commit 8bc6297bfba4 · 2025-06-27T16:45:44.000Z
before: ![b975dce7-d5b1-43e0-b6f4-94557758e30e](https://github.com/user-attachments/assets/c33f3fd0-ce1a-457c-97fe-942b86cf09c1) after: ![682ce03c-9d2c-4b5d-9ba0-fb759fd98088](https://github.com/user-attachments/assets/55304b19-a3c3-4a91-b07a-0c9868dbe3eb)
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`