oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

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

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

authored by

Kyle D and committed by
GitHub ac4ae355 e2e02801

+12 -25
+12 -12
templates/repo/issue/view_content/sidebar.tmpl
··· 428 428 <div class="ui relaxed divided list"> 429 429 {{range .BlockingDependencies}} 430 430 <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} gt-df gt-ac gt-sb"> 431 - <div class="item-left gt-df gt-jc gt-fc gt-f1"> 431 + <div class="item-left gt-df gt-jc gt-fc gt-f1 gt-ellipsis"> 432 432 <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}"> 433 433 #{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}} 434 434 </a> 435 - <div class="text small"> 435 + <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}"> 436 436 {{.Repository.OwnerName}}/{{.Repository.Name}} 437 437 </div> 438 438 </div> 439 - <div class="item-right gt-df gt-ac"> 439 + <div class="item-right gt-df gt-ac gt-m-2"> 440 440 {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} 441 441 <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"}}"> 442 442 {{svg "octicon-trash" 16}} ··· 446 446 </div> 447 447 {{end}} 448 448 {{if .BlockingDependenciesNotPermitted}} 449 - <div class="item gt-df gt-ac gt-sb"> 449 + <div class="item gt-df gt-ac gt-sb gt-ellipsis"> 450 450 <span>{{ctx.Locale.TrN (len .BlockingDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockingDependenciesNotPermitted)}}</span> 451 451 </div> 452 452 {{end}} ··· 460 460 <div class="ui relaxed divided list"> 461 461 {{range .BlockedByDependencies}} 462 462 <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} gt-df gt-ac gt-sb"> 463 - <div class="item-left gt-df gt-jc gt-fc gt-f1"> 463 + <div class="item-left gt-df gt-jc gt-fc gt-f1 gt-ellipsis"> 464 464 <a class="title muted" href="{{.Issue.Link}}" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}"> 465 465 #{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}} 466 466 </a> 467 - <div class="text small"> 467 + <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}"> 468 468 {{.Repository.OwnerName}}/{{.Repository.Name}} 469 469 </div> 470 470 </div> 471 - <div class="item-right gt-df gt-ac"> 471 + <div class="item-right gt-df gt-ac gt-m-2"> 472 472 {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} 473 473 <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"}}"> 474 474 {{svg "octicon-trash" 16}} ··· 480 480 {{if $.CanCreateIssueDependencies}} 481 481 {{range .BlockedByDependenciesNotPermitted}} 482 482 <div class="item dependency{{if .Issue.IsClosed}} is-closed{{end}} gt-df gt-ac gt-sb"> 483 - <div class="item-left gt-df gt-jc gt-fc gt-f1"> 484 - <div> 483 + <div class="item-left gt-df gt-jc gt-fc gt-f1 gt-ellipsis"> 484 + <div class="gt-ellipsis"> 485 485 <span data-tooltip-content="{{ctx.Locale.Tr "repo.issues.dependency.no_permission.can_remove"}}">{{svg "octicon-lock" 16}}</span> 486 486 <span class="title" data-tooltip-content="#{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}}"> 487 487 #{{.Issue.Index}} {{.Issue.Title | RenderEmoji $.Context}} 488 488 </span> 489 489 </div> 490 - <div class="text small"> 490 + <div class="text small gt-ellipsis" data-tooltip-content="{{.Repository.OwnerName}}/{{.Repository.Name}}"> 491 491 {{.Repository.OwnerName}}/{{.Repository.Name}} 492 492 </div> 493 493 </div> 494 - <div class="item-right gt-df gt-ac"> 494 + <div class="item-right gt-df gt-ac gt-m-2"> 495 495 {{if and $.CanCreateIssueDependencies (not $.Repository.IsArchived)}} 496 496 <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"}}"> 497 497 {{svg "octicon-trash" 16}} ··· 501 501 </div> 502 502 {{end}} 503 503 {{else if .BlockedByDependenciesNotPermitted}} 504 - <div class="item gt-df gt-ac gt-sb"> 504 + <div class="item gt-df gt-ac gt-sb gt-ellipsis"> 505 505 <span>{{ctx.Locale.TrN (len .BlockedByDependenciesNotPermitted) "repo.issues.dependency.no_permission_1" "repo.issues.dependency.no_permission_n" (len .BlockedByDependenciesNotPermitted)}}</span> 506 506 </div> 507 507 {{end}}
-13
web_src/css/repo.css
··· 95 95 } 96 96 97 97 .repository .issue-content-right .ui.list .title { 98 - max-width: 200px; 99 98 overflow: hidden; 100 99 text-overflow: ellipsis; 101 - } 102 - 103 - @media (max-width: 1200px) { 104 - .repository .issue-content-right .ui.list .title { 105 - max-width: 150px; 106 - } 107 - } 108 - 109 - @media (max-width: 1000px) { 110 - .repository .issue-content-right .ui.list .title { 111 - max-width: 100px; 112 - } 113 100 } 114 101 115 102 .repository .issue-content-right #deadlineForm input {