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>
pull/32574/merge
a1012112796 23 hours ago committed by GitHub
parent 33850a83fe
commit 23d0f9083e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 14
      templates/repo/issue/sidebar/assignee_list.tmpl
  2. 36
      templates/repo/issue/sidebar/label_list.tmpl
  3. 34
      templates/repo/issue/sidebar/milestone_list.tmpl
  4. 34
      templates/repo/issue/sidebar/project_list.tmpl
  5. 36
      templates/repo/issue/sidebar/reviewer_list.tmpl
  6. 6
      web_src/css/repo.css

@ -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">

@ -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>

@ -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}} {{end}}
{{end}} {{if $data.ClosedMilestones}}
{{if $data.ClosedMilestones}} <div class="divider"></div>
<div class="divider"></div> <div class="header">{{ctx.Locale.Tr "repo.issues.new.closed_milestone"}}</div>
<div class="header">{{ctx.Locale.Tr "repo.issues.new.closed_milestone"}}</div> {{range $data.ClosedMilestones}}
{{range $data.ClosedMilestones}} <a class="item muted" data-value="{{.ID}}" href="{{$pageMeta.RepoLink}}/issues?milestone={{.ID}}">
<a class="item muted" data-value="{{.ID}}" href="{{$pageMeta.RepoLink}}/issues?milestone={{.ID}}"> {{svg "octicon-milestone" 18}} {{.Name}}
{{svg "octicon-milestone" 18}} {{.Name}} </a>
</a> {{end}}
{{end}} {{end}}
{{end}} {{end}}
{{end}} </div>
</div> </div>
</div> </div>

@ -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">

@ -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>

@ -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 {

Loading…
Cancel
Save