Fix flex container width (go-gitea#28603) (go-gitea#28605)

GiteaBot · wxiaoguang · web-flow · commit 5b104a55331a · 2023-12-24T22:44:03.000+08:00
Backport go-gitea#28603 by wxiaoguang Fix go-gitea#28489 Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
diff --git a/web_src/css/modules/flexcontainer.css b/web_src/css/modules/flexcontainer.css
@@ -11,6 +11,7 @@
 
 .flex-container-main {
   flex: 1;
+  min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
 }
 
 @media (max-width: 767.98px) {

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@`
`11`	`11`
`12`	`12`	`.flex-container-main {`
`13`	`13`	`flex: 1;`
	`14`	`+ min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */`
`14`	`15`	`}`
`15`	`16`
`16`	`17`	`@media (max-width: 767.98px) {`