issue title enhancements

Author: silverwind

templates/repo/issue/new.tmpl

@@ -2,10 +2,6 @@
 <div role="main" aria-label="{{.Title}}" class="page-content repository new issue">
 	{{template "repo/header" .}}
 	<div class="ui container">
-		<div class="navbar">
-			{{template "repo/issue/navbar" .}}
-		</div>
-		<div class="ui divider"></div>
 		{{if .Flash.WarningMsg}}
 			{{/*
 			There's already an importing of alert.tmpl in new_form.tmpl,

templates/repo/issue/view_title.tmpl

@@ -1,17 +1,18 @@
-<div class="sixteen wide column title">
-	<div class="issue-title" id="issue-title-wrapper">
-		{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
-			<button id="edit-title" class="ui basic button secondary edit-button not-in-edit">{{.locale.Tr "repo.issues.edit"}}</button>
-		{{end}}
-		<h1 class="gt-mt-3 gt-mb-3">
+<div class="sixteen wide column title gt-mb-3">
+	<div class="issue-title gt-mb-3 gt-df gt-ac" id="issue-title-wrapper">
+		<h1 class="gt-f1 gt-word-break">
 			<span id="issue-title">{{RenderIssueTitle $.Context .Issue.Title $.RepoLink $.Repository.ComposeMetas | RenderCodeBlock}}</span>
 			<span class="index">#{{.Issue.Index}}</span>
-			<div id="edit-title-input" class="ui input gt-ml-4 gt-hidden">
+			<div id="edit-title-input" class="ui input gt-f1 gt-ml-4 gt-hidden">
 				<input value="{{.Issue.Title}}" maxlength="255" autocomplete="off">
 			</div>
 		</h1>
 		{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
-			<div class="edit-buttons">
+			<button id="edit-title" class="ui basic button secondary edit-button not-in-edit">{{.locale.Tr "repo.issues.edit"}}</button>
+		{{end}}
+		<a role="button" class="ui green button new-issue-button" href="{{.RepoLink}}/issues/new{{if .NewIssueChooseTemplate}}/choose{{end}}">{{.locale.Tr "repo.issues.new"}}</a>
+		{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
+			<div class="edit-buttons gt-df">
 				<button id="cancel-edit-title" class="ui basic button secondary in-edit gt-hidden">{{.locale.Tr "repo.issues.cancel"}}</button>
 				<button id="save-edit-title" class="ui primary button in-edit gt-hidden" data-update-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/title" {{if .Issue.IsPull}}data-target-update-url="{{$.RepoLink}}/pull/{{.Issue.Index}}/target_branch"{{end}}>{{.locale.Tr "repo.issues.save"}}</button>
 			</div>

web_src/css/repository.css

@@ -601,10 +601,6 @@
   padding-bottom: 0 !important;
 }
 
-.repository.view.issue .title .issue-title {
-  margin-bottom: 0.5rem;
-}
-
 .repository.view.issue .title .issue-title.edit-active {
   display: flex;
   align-items: center;
@@ -649,20 +645,11 @@
 
 .repository.view.issue .title .issue-title h1 .ui.input {
   font-size: 0.5em;
-  width: 100%;
 }
 
 .repository.view.issue .title .issue-title h1 .ui.input input {
   font-size: 1.5em;
-  padding: 6px 1rem;
-}
-
-.repository.view.issue .title .issue-title .edit-button {
-  float: right;
-}
-
-.repository.view.issue .title .issue-title .edit-buttons {
-  display: flex;
+  padding: 0 1rem;
 }
 
 .repository.view.issue .title .issue-title .index {

web_src/js/features/repo-issue.js

@@ -572,6 +572,7 @@ export function initRepoIssueTitleEdit() {
     toggleElem($('#pull-desc'));
     toggleElem($('#pull-desc-edit'));
     toggleElem($('.in-edit'));
+    toggleElem($('.new-issue-button'));
     $('#issue-title-wrapper').toggleClass('edit-active');
     $editInput.trigger('focus');
     return false;