diff options
| author | silverwind <me@silverwind.io> | 2020-11-29 07:22:04 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-29 01:22:04 -0500 |
| commit | e00a3554279d314a4dab4ce11bdd86707201d0d2 (patch) | |
| tree | faad207d4afb3921143d78a59b1465b068648049 /templates/repo/issue/view_content/sidebar.tmpl | |
| parent | da4bb6fc4ef552865816303fc9c0db25509ff626 (diff) | |
| download | gitea-e00a3554279d314a4dab4ce11bdd86707201d0d2.tar.gz gitea-e00a3554279d314a4dab4ce11bdd86707201d0d2.zip | |
Dropdowns, Labels fixes and more CSS tweaks (#13733)
* Dropdowns and Labels fixes
- Rework dropdown, menu and label styles
- Improve issue sidebar milestone and label sections
- Fix archived repo and private org badge
- Move more colors to CSS vars
- Move issue number to end of title on issue page
* more dropdown fixes
* fix basic blue labels - fixes #13731
* improve class setting on svg
Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Diffstat (limited to 'templates/repo/issue/view_content/sidebar.tmpl')
| -rw-r--r-- | templates/repo/issue/view_content/sidebar.tmpl | 46 |
1 files changed, 30 insertions, 16 deletions
diff --git a/templates/repo/issue/view_content/sidebar.tmpl b/templates/repo/issue/view_content/sidebar.tmpl index 18bd11ce6a..de1fd58232 100644 --- a/templates/repo/issue/view_content/sidebar.tmpl +++ b/templates/repo/issue/view_content/sidebar.tmpl @@ -55,8 +55,8 @@ {{range .PullReviewers}} <div class="item mb-2"> {{if .User}} - <a href="{{.User.HomeLink}}"> - <img class="ui avatar image mr-2" src="{{.User.RelAvatarLink}}"> + <a class="muted sidebar-item-link" href="{{.User.HomeLink}}"> + <img class="ui avatar image mr-3" src="{{.User.RelAvatarLink}}"> {{.User.GetDisplayName}} </a> {{else if .Team}} @@ -153,21 +153,25 @@ {{if .OpenMilestones}} <div class="divider"></div> <div class="header"> - {{svg "octicon-milestone"}} {{.i18n.Tr "repo.issues.new.open_milestone"}} </div> {{range .OpenMilestones}} - <div class="item" data-id="{{.ID}}" data-href="{{$.RepoLink}}/issues?milestone={{.ID}}"> {{.Name}}</div> + <a class="item" data-id="{{.ID}}" data-href="{{$.RepoLink}}/issues?milestone={{.ID}}"> + {{svg "octicon-milestone" 16 "mr-2"}} + {{.Name}} + </a> {{end}} {{end}} {{if .ClosedMilestones}} <div class="divider"></div> <div class="header"> - {{svg "octicon-milestone"}} {{.i18n.Tr "repo.issues.new.closed_milestone"}} </div> {{range .ClosedMilestones}} - <a class="item" data-id="{{.ID}}" data-href="{{$.RepoLink}}/issues?milestone={{.ID}}"> {{.Name}}</a> + <a class="item" data-id="{{.ID}}" data-href="{{$.RepoLink}}/issues?milestone={{.ID}}"> + {{svg "octicon-milestone" 16 "mr-2"}} + {{.Name}} + </a> {{end}} {{end}} {{end}} @@ -177,14 +181,17 @@ <span class="no-select item {{if .Issue.Milestone}}hide{{end}}">{{.i18n.Tr "repo.issues.new.no_milestone"}}</span> <div class="selected"> {{if .Issue.Milestone}} - <a class="item" href="{{.RepoLink}}/milestone/{{.Issue.Milestone.ID}}"> {{.Issue.Milestone.Name}}</a> + <a class="item muted sidebar-item-link" href="{{.RepoLink}}/milestone/{{.Issue.Milestone.ID}}"> + {{svg "octicon-milestone" 18 "mr-3"}} + {{.Issue.Milestone.Name}} + </a> {{end}} </div> </div> {{if .IsProjectsEnabled}} <div class="ui divider"></div> - + <div class="ui {{if or (not .HasIssuesOrPullsWritePermission) .Repository.IsArchived}}disabled{{end}} floating jump select-project dropdown"> <span class="text"> <strong>{{.i18n.Tr "repo.issues.new.projects"}}</strong> @@ -195,21 +202,25 @@ {{if .OpenProjects}} <div class="divider"></div> <div class="header"> - {{svg "octicon-project"}} {{.i18n.Tr "repo.issues.new.open_projects"}} </div> {{range .OpenProjects}} - <div class="item" data-id="{{.ID}}" data-href="{{$.RepoLink}}/projects/{{.ID}}">{{svg "octicon-project"}} {{.Title}}</div> + <a class="item muted sidebar-item-link" data-id="{{.ID}}" data-href="{{$.RepoLink}}/projects/{{.ID}}"> + {{svg "octicon-project" 18 "mr-3"}} + {{.Title}} + </a> {{end}} {{end}} {{if .ClosedProjects}} <div class="divider"></div> <div class="header"> - {{svg "octicon-project"}} {{.i18n.Tr "repo.issues.new.closed_projects"}} </div> {{range .ClosedProjects}} - <a class="item" data-id="{{.ID}}" data-href="{{$.RepoLink}}/projects/{{.ID}}">{{svg "octicon-project"}} {{.Title}}</a> + <a class="item muted sidebar-item-link" data-id="{{.ID}}" data-href="{{$.RepoLink}}/projects/{{.ID}}"> + {{svg "octicon-project" 18 "mr-3"}} + {{.Title}} + </a> {{end}} {{end}} </div> @@ -218,7 +229,10 @@ <span class="no-select item {{if .Issue.ProjectID}}hide{{end}}">{{.i18n.Tr "repo.issues.new.no_projects"}}</span> <div class="selected"> {{if .Issue.ProjectID}} - <a class="item" href="{{.RepoLink}}/projects/{{.Issue.ProjectID}}">{{svg "octicon-project"}} {{.Issue.Project.Title}}</a> + <a class="item muted sidebar-item-link" href="{{.RepoLink}}/projects/{{.Issue.ProjectID}}"> + {{svg "octicon-project" 18 "mr-3"}} + {{.Issue.Project.Title}} + </a> {{end}} </div> </div> @@ -264,9 +278,9 @@ <span class="no-select item {{if .Issue.Assignees}}hide{{end}}">{{.i18n.Tr "repo.issues.new.no_assignees"}}</span> <div class="selected"> {{range .Issue.Assignees}} - <div class="item" style="margin-bottom: 10px;"> - <a href="{{$.RepoLink}}/{{if $.Issue.IsPull}}pulls{{else}}issues{{end}}?assignee={{.ID}}"> - <img class="ui avatar image mr-2" src="{{.RelAvatarLink}}"> + <div class="item"> + <a class="muted sidebar-item-link" href="{{$.RepoLink}}/{{if $.Issue.IsPull}}pulls{{else}}issues{{end}}?assignee={{.ID}}"> + <img class="ui avatar image mr-3" src="{{.RelAvatarLink}}"> {{.GetDisplayName}} </a> </div> |