Auto merge pull requests when all checks succeeded via WebUI

options/locale/locale_en-US.ini

@@ -1600,7 +1600,7 @@ pulls.merge_instruction_hint = `You can also view <a class="show-instruction">co
 pulls.merge_instruction_step1_desc = From your project repository, check out a new branch and test the changes.
 pulls.merge_instruction_step2_desc = Merge the changes and update on Gitea.
 
-pulls.auto_merge_button_title = When Checks Succeed
+pulls.auto_merge_button_when_succeed = (When checks succeed)
 pulls.auto_merge_when_succeed = Auto merge when all checks succeed
 pulls.auto_merge_newly_scheduled = The pull request was scheduled to merge when all checks succeed.
 pulls.auto_merge_has_pending_schedule = %[1]s scheduled this pull request to auto merge when all checks succeed %[2]s.

templates/repo/issue/view_content/pull.tmpl

@@ -257,7 +257,6 @@
 				{{/* admin can merge without checks, writer can merge when checkes succeed */}}
 				{{$canMergeNow := and (or $.IsRepoAdmin (not $notAllOverridableChecksOk)) (or (not .AllowMerge) (not .RequireSigned) .WillSign)}}
 				{{/* admin and writer both can make an auto merge schedule */}}
-				{{$canAutoMerge = true}}
 
 				{{if $canMergeNow}}
 					{{if $notAllOverridableChecksOk}}
@@ -343,7 +342,7 @@
 									'baseLink': {{.Link}},
 									'textCancel': {{$.i18n.Tr "cancel"}},
 									'textDeleteBranch': {{$.i18n.Tr "repo.branch.delete" .HeadTarget}},
-									'textAutoMergeButtonTitle': {{$.i18n.Tr "repo.pulls.auto_merge_button_title"}},
+									'textAutoMergeButtonWhenSucceed': {{$.i18n.Tr "repo.pulls.auto_merge_button_when_succeed"}},
 									'textAutoMergeWhenSucceed': {{$.i18n.Tr "repo.pulls.auto_merge_when_succeed"}},
 									'textAutoMergeCancelSchedule': {{$.i18n.Tr "repo.pulls.auto_merge_cancel_schedule"}},
 

web_src/js/components/PullRequestMergeForm.vue

@@ -31,7 +31,7 @@
         <button class="ui button" :class="mergeButtonStyleClass" type="submit" name="do" :value="mergeStyle">
           {{ mergeStyleDetail.textDoMerge }}
           <template v-if="autoMergeWhenSucceed">
-            ({{ mergeForm.textAutoMergeButtonTitle }})
+            ({{ mergeForm.textAutoMergeButtonWhenSucceed }})
           </template>
         </button>
 
@@ -54,7 +54,7 @@
           <span class="button-text">
             {{ mergeStyleDetail.textDoMerge }}
             <template v-if="autoMergeWhenSucceed">
-              ({{ mergeForm.textAutoMergeButtonTitle }})
+              {{ mergeForm.textAutoMergeButtonWhenSucceed }}
             </template>
           </span>
         </button>
@@ -78,14 +78,9 @@
               <!-- if can NOT merge now, only show one action "auto merge when succeed" -->
               <div class="item" v-if="msd.allowed && !mergeForm.canMergeNow && !msd.hideAutoMerge" :key="msd.name" @click.stop="switchMergeStyle(msd.name, true)">
                 <div class="action-text">
-                  {{ msd.textDoMerge }}
-                </div>
-                <div class="auto-merge-full">
-                  <svg-icon name="octicon-clock" :size="14"/>
-                  <span class="auto-merge-text">{{ mergeForm.textAutoMergeWhenSucceed }}</span>
+                  {{ msd.textDoMerge }} {{ mergeForm.textAutoMergeButtonWhenSucceed }}
                 </div>
               </div>
-
             </template>
           </div>
         </div>
@@ -211,14 +206,7 @@ export default {
   padding: 0.8rem;
   flex: 1
 }
-.auto-merge-full {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.auto-merge-full .auto-merge-text {
-  padding: 0 1rem 0 0.25rem;
-}
+
 .auto-merge-small {
   width: 40px;
   display: flex;

web_src/less/_base.less

@@ -2003,15 +2003,6 @@ table th[data-sortt-desc] {
   margin-right: 0 !important;
 }
 
-.dropdown:not(.selection) > .menu.review-box > * {
-  @media (max-height: 700px) {
-    .CodeMirror,
-    .CodeMirror-scroll {
-      min-height: 100px;
-    }
-  }
-}
-
 .ui.dropdown .menu .item {
   border-radius: 0;
 }