fix templates v1

templates/question/item.html

@@ -14,6 +14,37 @@
         height: 40px;
         line-height: 38px;
     }
+    /* 页脚次级操作之间的分隔：返回提问箱 / 下一条未读 靠在一起会连成一片 */
+    .tb-foot-sep {
+        margin: 0 4px;
+        color: #b0b6bd;
+    }
+    html[data-theme="dark"] .tb-foot-sep {
+        color: #5c6674;
+    }
+    /* 手机端三个按钮在 300px 内放不下一行（实测需 416px）：
+       保留原来的「回答 / 标记为已读」一行不动，让「回答并下一条未读」独占下一行整行宽度。
+       display:contents 把两个提交按钮提升为该行的直接子项，才能用 order 把它排到状态按钮之后。 */
+    @media (max-width: 640px) {
+        .tb-ans-actions {
+            display: contents;
+        }
+        .tb-ans-actions .uk-button {
+            order: 1;
+        }
+        .tb-ans-state {
+            order: 2;
+            margin-left: auto;
+        }
+        .tb-ans-next {
+            order: 3;
+            flex: 1 1 100%;
+        }
+        /* 上面 .tb-ans-actions .uk-button 的 order:1 特异性更高，这里必须同级别盖回去 */
+        .tb-ans-actions .uk-button.tb-ans-next {
+            order: 3;
+        }
+    }
     .tb-followup-card {
         border: 1px solid #e7e9ec;
         border-left: 3px solid #b0b6bd;
@@ -245,7 +276,7 @@
     <div class="uk-card-body uk-padding-remove-top">
       <hr>
       <h5 class="uk-text-center">{{t .LangCode "qitem.answerTitle"}}</h5>
-      <form id="tb-answer-form" method="post" action="/_/{{ .PageUser.Domain }}/{{ .Question.ID }}/answer" enctype="multipart/form-data">
+      <form id="tb-answer-form" method="post" action="/_/{{ .PageUser.Domain }}/{{ .Question.ID }}/answer{{ if .NextQuery }}?{{ .NextQuery }}{{ end }}" enctype="multipart/form-data">
         {{ .CSRFTokenHTML }}
         <div class="uk-margin uk-text-center">
               <textarea name="answer" class="uk-textarea" rows="5" maxlength="{{ .Limits.AnswerContentLen }}"
@@ -268,8 +299,13 @@
       </form>
       <!-- 回答（左）+ 阅读状态（右）同一行，压缩空间；tb-ans-row 保证左右按钮等高 -->
       <div class="uk-flex uk-flex-middle uk-flex-wrap uk-margin-small-top tb-ans-row" style="gap: 12px; justify-content: space-between;">
-        <button type="submit" form="tb-answer-form" class="uk-button uk-button-primary">{{t .LangCode "qitem.submitAnswer"}}</button>
-        <div class="uk-flex uk-flex-middle uk-flex-wrap" style="gap: 8px;">
+        <div class="uk-flex uk-flex-middle uk-flex-wrap tb-ans-actions" style="gap: 8px;">
+          <button type="submit" form="tb-answer-form" class="uk-button uk-button-primary">{{t .LangCode "qitem.submitAnswer"}}</button>
+          {{ if .NextUnreadID }}
+          <button type="submit" form="tb-answer-form" name="next" value="1" class="uk-button uk-button-default tb-ans-next">{{t .LangCode "qitem.submitAndNext"}}</button>
+          {{ end }}
+        </div>
+        <div class="uk-flex uk-flex-middle uk-flex-wrap tb-ans-state" style="gap: 8px;">
           {{ if .Question.IsRead }}
           <span class="uk-text-small uk-text-muted">✓ {{t .LangCode "qlist.read"}}</span>
           <form class="uk-display-inline" method="post" action="/_/{{ .PageUser.Domain }}/{{ .Question.ID }}/unread">
@@ -397,6 +433,14 @@
         {{ $backTo := printf "/_/%s" .PageUser.Domain }}
         {{ if eq .BackFrom "admin" }}{{ $backTo = .BackTo }}{{ end }}
         <a class="uk-button uk-button-link" href="{{ $backTo }}">{{t .LangCode "qitem.backToBox" .PageUser.Name}}</a>
+        {{ if and .CanDelete .NextUnreadID }}
+        <!-- 下一条未读：标记本条已读并跳转，会改状态，故用 POST 表单而非链接 -->
+        <span class="tb-foot-sep" aria-hidden="true">·</span>
+        <form class="uk-display-inline" method="post" action="/_/{{ .PageUser.Domain }}/{{ .Question.ID }}/next-unread{{ if .NextQuery }}?{{ .NextQuery }}{{ end }}">
+          {{ .CSRFTokenHTML }}
+          <button type="submit" class="uk-button uk-button-link" title="{{t .LangCode "qitem.nextUnreadTitle"}}">{{t .LangCode "qitem.nextUnread"}} ›</button>
+        </form>
+        {{ end }}
       </div>
 
       <!-- Box owner can't create new question here. -->