Fix file path width in repo non-homepage view (#30951) (#30952)

Backport #30951 by @silverwind

Fixes: https://github.com/go-gitea/gitea/issues/30940
<img width="1310" alt="Screenshot 2024-05-11 at 20 48 41"
src="https://github.com/go-gitea/gitea/assets/115237/f163dfd4-1299-421f-a99e-cd0c793e0e3d">

Co-authored-by: silverwind <me@silverwind.io>

diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index 6df9f7d72a952224aa821732d3de2b0eedb57ea8..ef76f3ed5d46b4deaa00c39d77945e53f37f754c 100644 (file)
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -45,7 +45,7 @@
                {{$n := len .TreeNames}}
                {{$l := Eval $n "-" 1}}
                {{$isHomepage := (eq $n 0)}}
-               <div class="repo-button-row">
+               <div class="repo-button-row" data-is-homepage="{{$isHomepage}}">
                        <div class="repo-button-row-left">
                                {{template "repo/branch_dropdown" dict "root" . "ContainerClasses" "tw-mr-1"}}
                                {{if and .CanCompareOrPull .IsViewBranch (not .Repository.IsArchived)}}

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 67b178350ec763b85ef75bfefd721511ad1d878a..d7702e35a53635113b31b9176e02cde0440e7f34 100644 (file)
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -2256,6 +2256,10 @@ td .commit-summary {
   justify-content: flex-end;
 }
 
+.repo-button-row[data-is-homepage="false"] .repo-button-row-right {
+  flex-grow: 0;
+}
+
 @media (max-width: 991px) {
   .repository:not(.wiki) .repo-button-row {
     flex-direction: column;