Remove max-width and add hide text overflow (#27359)

Closes https://github.com/go-gitea/gitea/issues/27358

diff --git a/templates/repo/issue/view_content/sidebar.tmpl b/templates/repo/issue/view_content/sidebar.tmpl
index c3ba15390bb4e8f689276bd0b8acf2253417cefc..4be1f52dd5c698b81e3822f776059f2aac5e9759 100644 (file)
--- a/templates/repo/issue/view_content/sidebar.tmpl
+++ b/templates/repo/issue/view_content/sidebar.tmpl
@@ -428,15 +428,15 @@
                                <div class="ui relaxed divided list">
                                        {{range .BlockingDependencies}}
                                                <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} gt-df gt-ac gt-sb">
-                                                       <div class="item-left gt-df gt-jc gt-fc gt-f1">
+                                                       <div class="item-left gt-df gt-jc gt-fc gt-f1 gt-ellipsis">
                                                                <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}">
                                                                        #{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}
                                                                </a>
-                                                               <div class="text small">
+                                                               <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
                                                                        {{.Repository.OwnerName}}/{{.Repository.Name}}
                                                                </div>
                                                        </div>
-                                                       <div class="item-right gt-df gt-ac">
+                                                       <div class="item-right gt-df gt-ac gt-m-2">
                                                                {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
                                                                        <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
                                                                                {{svg "octicon-trash" 16}}
@@ -446,7 +446,7 @@
                                                </div>
                                        {{end}}
                                        {{if .BlockingDependenciesNotPermitted}}
-                                               <div class="item gt-df gt-ac gt-sb">
+                                               <div class="item gt-df gt-ac gt-sb gt-ellipsis">
                                                        <span>{{ctx.Locale.TrN (len .BlockingDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockingDependenciesNotPermitted)}}</span>
                                                </div>
                                        {{end}}
@@ -460,15 +460,15 @@
                                <div class="ui relaxed divided list">
                                        {{range .BlockedByDependencies}}
                                                <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} gt-df gt-ac gt-sb">
-                                                       <div class="item-left gt-df gt-jc gt-fc gt-f1">
+                                                       <div class="item-left gt-df gt-jc gt-fc gt-f1 gt-ellipsis">
                                                                <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}">
                                                                        #{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}
                                                                </a>
-                                                               <div class="text small">
+                                                               <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
                                                                        {{.Repository.OwnerName}}/{{.Repository.Name}}
                                                                </div>
                                                        </div>
-                                                       <div class="item-right gt-df gt-ac">
+                                                       <div class="item-right gt-df gt-ac gt-m-2">
                                                                {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
                                                                        <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blockedBy" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
                                                                                {{svg "octicon-trash" 16}}
@@ -480,18 +480,18 @@
                                        {{if $.CanCreateIssueDependencies}}
                                                {{range .BlockedByDependenciesNotPermitted}}
                                                        <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} gt-df gt-ac gt-sb">
-                                                               <div class="item-left gt-df gt-jc gt-fc gt-f1">
-                                                                       <div>
+                                                               <div class="item-left gt-df gt-jc gt-fc gt-f1 gt-ellipsis">
+                                                                       <div class="gt-ellipsis">
                                                                                <span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.no_permission.can_remove"}}">{{svg "octicon-lock" 16}}</span>
                                                                                <span class="title" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}">
                                                                                        #{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}
                                                                                </span>
                                                                        </div>
-                                                                       <div class="text small">
+                                                                       <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}">
                                                                                {{.Repository.OwnerName}}/{{.Repository.Name}}
                                                                        </div>
                                                                </div>
-                                                               <div class="item-right gt-df gt-ac">
+                                                               <div class="item-right gt-df gt-ac gt-m-2">
                                                                        {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}}
                                                                                <a class="delete-dependency-button ci muted" data-id="{{.Issue.ID}}" data-type="blocking" data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.remove_info"}}">
                                                                                        {{svg "octicon-trash" 16}}
@@ -501,7 +501,7 @@
                                                        </div>
                                                {{end}}
                                        {{else if .BlockedByDependenciesNotPermitted}}
-                                               <div class="item gt-df gt-ac gt-sb">
+                                               <div class="item gt-df gt-ac gt-sb gt-ellipsis">
                                                        <span>{{ctx.Locale.TrN (len .BlockedByDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockedByDependenciesNotPermitted)}}</span>
                                                </div>
                                        {{end}}

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 8e3448c43aa620c90e3d4e1ade396e507a83ae03..2ef35ecfdcdeff9d814f51ebfc0aaa0b1c63894f 100644 (file)
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -95,23 +95,10 @@
 }
 
 .repository .issue-content-right .ui.list .title {
-  max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-@media (max-width: 1200px) {
-  .repository .issue-content-right .ui.list .title {
-    max-width: 150px;
-  }
-}
-
-@media (max-width: 1000px) {
-  .repository .issue-content-right .ui.list .title {
-    max-width: 100px;
-  }
-}
-
 .repository .issue-content-right #deadlineForm input {
   width: 12.8rem;
   border-radius: var(--border-radius) 0 0 var(--border-radius);