diff options
author | puni9869 <80308335+puni9869@users.noreply.github.com> | 2023-07-12 16:06:56 +0530 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-07-12 10:36:56 +0000 |
commit | 4744cb32e274ac6ce3e3e953d47b32b8e8f021e3 (patch) | |
tree | c99417d0ca5ec8ed34bb6bd53458661b24ebb271 /templates/repo | |
parent | 22eeede885327fca0328b7d5b153e7a6c4211ffa (diff) | |
download | gitea-4744cb32e274ac6ce3e3e953d47b32b8e8f021e3.tar.gz gitea-4744cb32e274ac6ce3e3e953d47b32b8e8f021e3.zip |
Fix margin on the `new/edit milestone` page (#25801)
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>
Diffstat (limited to 'templates/repo')
-rw-r--r-- | templates/repo/issue/milestone_new.tmpl | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/templates/repo/issue/milestone_new.tmpl b/templates/repo/issue/milestone_new.tmpl index 1979eb07a5..5645010850 100644 --- a/templates/repo/issue/milestone_new.tmpl +++ b/templates/repo/issue/milestone_new.tmpl @@ -21,9 +21,8 @@ {{end}} </h2> {{template "base/alert" .}} - <form class="ui form grid" action="{{.Link}}" method="post"> + <form class="ui form" action="{{.Link}}" method="post"> {{.CsrfTokenHtml}} - <div class="twelve wide column"> <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"> @@ -39,10 +38,8 @@ <label>{{.locale.Tr "repo.milestones.desc"}}</label> <textarea name="content">{{.content}}</textarea> </div> - </div> - <div class="ui container"> <div class="divider"></div> - <div class="ui right"> + <div class="gt-text-right"> {{if .PageIsEditMilestone}} <a class="ui primary basic button" href="{{.RepoLink}}/milestones"> {{.locale.Tr "repo.milestones.cancel"}} @@ -55,7 +52,6 @@ {{.locale.Tr "repo.milestones.create"}} </button> {{end}} - </div> </div> </form> </div> |