make search box in issue sidebar dropdown list always show when scrolling (#32576)

as title, replace #31597 after #32460 

---------

Signed-off-by: a1012112796 <1012112796@qq.com>
This commit is contained in:
a1012112796 2024-11-21 09:23:50 +08:00 committed by GitHub
parent 33850a83fe
commit 23d0f9083e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 89 additions and 73 deletions

View File

@ -16,12 +16,14 @@
<input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_assignees"}}"> <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_assignees"}}">
</div> </div>
<div class="item clear-selection">{{ctx.Locale.Tr "repo.issues.new.clear_assignees"}}</div> <div class="item clear-selection">{{ctx.Locale.Tr "repo.issues.new.clear_assignees"}}</div>
{{range $data.CandidateAssignees}} <div class="scrolling menu">
<a class="item muted" href="#" data-value="{{.ID}}"> {{range $data.CandidateAssignees}}
<span class="item-check-mark">{{svg "octicon-check"}}</span> <a class="item muted" href="#" data-value="{{.ID}}">
{{ctx.AvatarUtils.Avatar . 20}} {{template "repo/search_name" .}} <span class="item-check-mark">{{svg "octicon-check"}}</span>
</a> {{ctx.AvatarUtils.Avatar . 20}} {{template "repo/search_name" .}}
{{end}} </a>
{{end}}
</div>
</div> </div>
</div> </div>
<div class="ui list tw-flex tw-flex-row tw-gap-2"> <div class="ui list tw-flex tw-flex-row tw-gap-2">

View File

@ -17,25 +17,27 @@
<input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_labels"}}"> <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_labels"}}">
</div> </div>
<a class="item clear-selection" href="#">{{ctx.Locale.Tr "repo.issues.new.clear_labels"}}</a> <a class="item clear-selection" href="#">{{ctx.Locale.Tr "repo.issues.new.clear_labels"}}</a>
{{$previousExclusiveScope := "_no_scope"}} <div class="scrolling menu">
{{range $data.RepoLabels}} {{$previousExclusiveScope := "_no_scope"}}
{{$exclusiveScope := .ExclusiveScope}} {{range $data.RepoLabels}}
{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}} {{$exclusiveScope := .ExclusiveScope}}
<div class="divider"></div> {{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
<div class="divider"></div>
{{end}}
{{$previousExclusiveScope = $exclusiveScope}}
{{template "repo/issue/sidebar/label_list_item" dict "Label" .}}
{{end}} {{end}}
{{$previousExclusiveScope = $exclusiveScope}} <div class="divider"></div>
{{template "repo/issue/sidebar/label_list_item" dict "Label" .}} {{$previousExclusiveScope = "_no_scope"}}
{{end}} {{range $data.OrgLabels}}
<div class="divider"></div> {{$exclusiveScope := .ExclusiveScope}}
{{$previousExclusiveScope = "_no_scope"}} {{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
{{range $data.OrgLabels}} <div class="divider"></div>
{{$exclusiveScope := .ExclusiveScope}} {{end}}
{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}} {{$previousExclusiveScope = $exclusiveScope}}
<div class="divider"></div> {{template "repo/issue/sidebar/label_list_item" dict "Label" .}}
{{end}} {{end}}
{{$previousExclusiveScope = $exclusiveScope}} </div>
{{template "repo/issue/sidebar/label_list_item" dict "Label" .}}
{{end}}
{{end}} {{end}}
</div> </div>
</div> </div>

View File

@ -20,25 +20,27 @@
</div> </div>
<div class="divider"></div> <div class="divider"></div>
<div class="item clear-selection">{{ctx.Locale.Tr "repo.issues.new.clear_milestone"}}</div> <div class="item clear-selection">{{ctx.Locale.Tr "repo.issues.new.clear_milestone"}}</div>
{{if $data.OpenMilestones}} <div class="scrolling menu">
<div class="divider"></div> {{if $data.OpenMilestones}}
<div class="header">{{ctx.Locale.Tr "repo.issues.new.open_milestone"}}</div> <div class="divider"></div>
{{range $data.OpenMilestones}} <div class="header">{{ctx.Locale.Tr "repo.issues.new.open_milestone"}}</div>
<a class="item muted" data-value="{{.ID}}" href="{{$pageMeta.RepoLink}}/issues?milestone={{.ID}}"> {{range $data.OpenMilestones}}
{{svg "octicon-milestone" 18}} {{.Name}} <a class="item muted" data-value="{{.ID}}" href="{{$pageMeta.RepoLink}}/issues?milestone={{.ID}}">
</a> {{svg "octicon-milestone" 18}} {{.Name}}
</a>
{{end}}
{{end}}
{{if $data.ClosedMilestones}}
<div class="divider"></div>
<div class="header">{{ctx.Locale.Tr "repo.issues.new.closed_milestone"}}</div>
{{range $data.ClosedMilestones}}
<a class="item muted" data-value="{{.ID}}" href="{{$pageMeta.RepoLink}}/issues?milestone={{.ID}}">
{{svg "octicon-milestone" 18}} {{.Name}}
</a>
{{end}}
{{end}} {{end}}
{{end}} {{end}}
{{if $data.ClosedMilestones}} </div>
<div class="divider"></div>
<div class="header">{{ctx.Locale.Tr "repo.issues.new.closed_milestone"}}</div>
{{range $data.ClosedMilestones}}
<a class="item muted" data-value="{{.ID}}" href="{{$pageMeta.RepoLink}}/issues?milestone={{.ID}}">
{{svg "octicon-milestone" 18}} {{.Name}}
</a>
{{end}}
{{end}}
{{end}}
</div> </div>
</div> </div>

View File

@ -18,24 +18,26 @@
</div> </div>
{{end}} {{end}}
<div class="item clear-selection">{{ctx.Locale.Tr "repo.issues.new.clear_projects"}}</div> <div class="item clear-selection">{{ctx.Locale.Tr "repo.issues.new.clear_projects"}}</div>
{{if $data.OpenProjects}} <div class="scrolling menu">
<div class="divider"></div> {{if $data.OpenProjects}}
<div class="header">{{ctx.Locale.Tr "repo.issues.new.open_projects"}}</div> <div class="divider"></div>
{{range $data.OpenProjects}} <div class="header">{{ctx.Locale.Tr "repo.issues.new.open_projects"}}</div>
<a class="item muted" data-value="{{.ID}}" href="{{.Link ctx}}"> {{range $data.OpenProjects}}
{{svg .IconName 18}} {{.Title}} <a class="item muted" data-value="{{.ID}}" href="{{.Link ctx}}">
</a> {{svg .IconName 18}} {{.Title}}
</a>
{{end}}
{{end}} {{end}}
{{end}} {{if $data.ClosedProjects}}
{{if $data.ClosedProjects}} <div class="divider"></div>
<div class="divider"></div> <div class="header">{{ctx.Locale.Tr "repo.issues.new.closed_projects"}}</div>
<div class="header">{{ctx.Locale.Tr "repo.issues.new.closed_projects"}}</div> {{range $data.ClosedProjects}}
{{range $data.ClosedProjects}} <a class="item muted" data-value="{{.ID}}" href="{{.Link ctx}}">
<a class="item muted" data-value="{{.ID}}" href="{{.Link ctx}}"> {{svg .IconName 18}} {{.Title}}
{{svg .IconName 18}} {{.Title}} </a>
</a> {{end}}
{{end}} {{end}}
{{end}} </div>
</div> </div>
</div> </div>
<div class="ui list"> <div class="ui list">

View File

@ -17,27 +17,29 @@
<input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_reviewers"}}"> <input type="text" placeholder="{{ctx.Locale.Tr "repo.issues.filter_reviewers"}}">
</div> </div>
{{end}} {{end}}
{{range $data.Reviewers}} <div class="scrolling menu">
{{if .User}} {{range $data.Reviewers}}
<a class="item muted {{if .Requested}}checked{{end}}" href="{{.User.HomeLink}}" data-value="{{.ItemID}}" data-can-change="{{.CanChange}}" {{if .User}}
{{if not .CanChange}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}> <a class="item muted {{if .Requested}}checked{{end}}" href="{{.User.HomeLink}}" data-value="{{.ItemID}}" data-can-change="{{.CanChange}}"
<span class="item-check-mark">{{svg "octicon-check"}}</span> {{if not .CanChange}}data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
{{ctx.AvatarUtils.Avatar .User 20}} {{template "repo/search_name" .User}}
</a>
{{end}}
{{end}}
{{if $data.TeamReviewers}}
{{if $data.Reviewers}}<div class="divider"></div>{{end}}
{{range $data.TeamReviewers}}
{{if .Team}}
<a class="item muted {{if .Requested}}checked{{end}}" href="#" data-value="{{.ItemID}}" data-can-change="{{.CanChange}}"
{{if not .CanChange}} data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
<span class="item-check-mark">{{svg "octicon-check"}}</span> <span class="item-check-mark">{{svg "octicon-check"}}</span>
{{svg "octicon-people" 20}} {{$repoOwnerName}}/{{.Team.Name}} {{ctx.AvatarUtils.Avatar .User 20}} {{template "repo/search_name" .User}}
</a> </a>
{{end}} {{end}}
{{end}} {{end}}
{{end}} {{if $data.TeamReviewers}}
{{if $data.Reviewers}}<div class="divider"></div>{{end}}
{{range $data.TeamReviewers}}
{{if .Team}}
<a class="item muted {{if .Requested}}checked{{end}}" href="#" data-value="{{.ItemID}}" data-can-change="{{.CanChange}}"
{{if not .CanChange}} data-tooltip-content="{{ctx.Locale.Tr "repo.issues.remove_request_review_block"}}"{{end}}>
<span class="item-check-mark">{{svg "octicon-check"}}</span>
{{svg "octicon-people" 20}} {{$repoOwnerName}}/{{.Team.Name}}
</a>
{{end}}
{{end}}
{{end}}
</div>
</div> </div>
</div> </div>

View File

@ -66,6 +66,12 @@
overflow-x: auto; overflow-x: auto;
} }
.issue-content-right .dropdown > .menu .item-secondary-info small {
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.issue-content-left, .issue-content-left,
.issue-content-right { .issue-content-right {