Mirrors/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2026-04-04 14:36:16 +02:00
Code Issues Activity

Use selection dropdown style for column picker

Browse Source 
The gear-icon header pattern (fixed-text muted) is designed for
top-level sidebar sections like Labels/Milestone/Assignees. The
column picker is a secondary control under the project selection,
so it should look like a form select — bordered box showing the
current value with a dropdown arrow.

Restores the ui dropdown selection fluid style from the original
implementation while keeping the issue-sidebar-combo wrapper for
the rerender capability.
This commit is contained in:
Myers Carpenter 2026-03-30 02:37:20 +00:00
parent 9035a92761
commit 8f55ccab04
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
templates/repo/issue/sidebar/project_column.tmpl
View File

@ -1,30 +1,25 @@
{{$pageMeta := .}}
{{$data := .ProjectsData}}
{{if and $pageMeta.Issue $pageMeta.Issue.Project $data.ProjectColumns (gt (len $data.ProjectColumns) 1) $pageMeta.CanModifyIssueOrPull}}
{{if and $pageMeta.Issue $pageMeta.Issue.Project $data.ProjectColumns (gt (len $data.ProjectColumns) 1)}}
{{if $pageMeta.CanModifyIssueOrPull}}
<div class="issue-sidebar-combo" id="sidebar-project-column"
data-selection-mode="single" data-update-algo="all"
data-update-url="{{$pageMeta.RepoLink}}/issues/projects/column?issue_id={{$pageMeta.Issue.ID}}">
<input class="combo-value" name="column_id" type="hidden" value="{{$data.SelectedColumnID}}">
<div class="ui dropdown full-width">
<a class="fixed-text muted">
<strong>{{svg "octicon-columns" 16}} Column</strong>
</a>
<div class="ui dropdown selection fluid">
<div class="default text">{{range $data.ProjectColumns}}{{if eq .ID $data.SelectedColumnID}}{{.Title}}{{end}}{{end}}</div>
{{svg "octicon-triangle-down" 14 "dropdown icon"}}
<div class="menu">
{{range $data.ProjectColumns}}
<div class="item {{if eq .ID $data.SelectedColumnID}}checked{{end}}" data-value="{{.ID}}">{{.Title}}</div>
<div class="item {{if eq .ID $data.SelectedColumnID}}active selected checked{{end}}" data-value="{{.ID}}">{{.Title}}</div>
{{end}}
</div>
</div>
<div class="ui list muted-links">
<span class="item empty-list tw-hidden">No column</span>
{{range $data.ProjectColumns}}
{{if eq .ID $data.SelectedColumnID}}
<span class="item">{{svg "octicon-columns" 16 "tw-mr-1"}}{{.Title}}</span>
{{end}}
{{end}}
<div class="ui list tw-hidden">
<span class="item empty-list">No column</span>
</div>
</div>
{{else if and $pageMeta.Issue $pageMeta.Issue.Project $data.ProjectColumns (gt (len $data.ProjectColumns) 1)}}
{{else}}
{{range $data.ProjectColumns}}
{{if eq .ID $data.SelectedColumnID}}
<div class="tw-mt-1">
@ -33,3 +28,4 @@
{{end}}
{{end}}
{{end}}
{{end}}