mirror of
https://github.com/go-gitea/gitea
synced 2024-11-16 15:14:24 +00:00
4744cb32e2
There is some distortion in desktop and mobile ui for new/edit milestone page. Fixing the new/edit milestone page for desktop and mobile ui Design background https://uxplanet.org/primary-secondary-action-buttons-c16df9b36150 https://balsamiq.com/learn/articles/button-design-best-practices/ <details> <summary>Screen shots</summary> Before: ![image](https://github.com/go-gitea/gitea/assets/80308335/c8627679-da2d-465f-bc8f-978d7b836919) ![image](https://github.com/go-gitea/gitea/assets/80308335/43b54599-2856-440a-a13c-08bb3cedf35c) After ![image](https://github.com/go-gitea/gitea/assets/80308335/85ca3d32-4842-41bc-8647-aa4222b9cc06) ![image](https://github.com/go-gitea/gitea/assets/80308335/c00e87c4-e64e-4b18-aa42-d26c3942a21b) </details> --------- Co-authored-by: Denys Konovalov <privat@denyskon.de> Co-authored-by: Giteabot <teabot@gitea.io>
60 lines
2.2 KiB
Handlebars
60 lines
2.2 KiB
Handlebars
{{template "base/head" .}}
|
|
<div role="main" aria-label="{{.Title}}" class="page-content repository new milestone">
|
|
{{template "repo/header" .}}
|
|
<div class="ui container">
|
|
<div class="navbar">
|
|
{{template "repo/issue/navbar" .}}
|
|
{{if and (or .CanWriteIssues .CanWritePulls) .PageIsEditMilestone}}
|
|
<div class="ui right floated secondary menu">
|
|
<a class="ui green button" href="{{$.RepoLink}}/milestones/new">{{.locale.Tr "repo.milestones.new"}}</a>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div class="divider"></div>
|
|
<h2 class="ui dividing header">
|
|
{{if .PageIsEditMilestone}}
|
|
{{.locale.Tr "repo.milestones.edit"}}
|
|
<div class="sub header">{{.locale.Tr "repo.milestones.edit_subheader"}}</div>
|
|
{{else}}
|
|
{{.locale.Tr "repo.milestones.new"}}
|
|
<div class="sub header">{{.locale.Tr "repo.milestones.new_subheader"}}</div>
|
|
{{end}}
|
|
</h2>
|
|
{{template "base/alert" .}}
|
|
<form class="ui form" action="{{.Link}}" method="post">
|
|
{{.CsrfTokenHtml}}
|
|
<div class="field {{if .Err_Title}}error{{end}}">
|
|
<label>{{.locale.Tr "repo.milestones.title"}}</label>
|
|
<input name="title" placeholder="{{.locale.Tr "repo.milestones.title"}}" value="{{.title}}" autofocus required maxlength="50">
|
|
</div>
|
|
<div class="field {{if .Err_Deadline}}error{{end}}">
|
|
<label>
|
|
{{.locale.Tr "repo.milestones.due_date"}}
|
|
<a id="clear-date">{{.locale.Tr "repo.milestones.clear"}}</a>
|
|
</label>
|
|
<input type="date" id="deadline" name="deadline" value="{{.deadline}}" placeholder="{{.locale.Tr "repo.issues.due_date_form"}}">
|
|
</div>
|
|
<div class="field">
|
|
<label>{{.locale.Tr "repo.milestones.desc"}}</label>
|
|
<textarea name="content">{{.content}}</textarea>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="gt-text-right">
|
|
{{if .PageIsEditMilestone}}
|
|
<a class="ui primary basic button" href="{{.RepoLink}}/milestones">
|
|
{{.locale.Tr "repo.milestones.cancel"}}
|
|
</a>
|
|
<button class="ui green button">
|
|
{{.locale.Tr "repo.milestones.modify"}}
|
|
</button>
|
|
{{else}}
|
|
<button class="ui green button">
|
|
{{.locale.Tr "repo.milestones.create"}}
|
|
</button>
|
|
{{end}}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{{template "base/footer" .}}
|