diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-08-07 11:59:10 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:29 -0500 |
| commit | 84a3cd92a3da885fe1a76809c589b8f464eed432 (patch) | |
| tree | c457824875ad021a516d0a90ef3ef2f17d25586b /src/components/thread_tree/thread_tree.vue | |
| parent | ace1f5067c90be2fa0b8da22d39b0e2c88f590fb (diff) | |
Support diving into one status in a conversation
Diffstat (limited to 'src/components/thread_tree/thread_tree.vue')
| -rw-r--r-- | src/components/thread_tree/thread_tree.vue | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue index d7077bfd..adf7bcdf 100644 --- a/src/components/thread_tree/thread_tree.vue +++ b/src/components/thread_tree/thread_tree.vue @@ -24,6 +24,7 @@ :controlled-toggle-showing-tall="() => toggleCurrentProp('ShowingTall')" :controlled-toggle-expanding-subject="() => toggleCurrentProp('expandingSubject')" :controlled-toggle-showing-long-subject="() => toggleCurrentProp('showingLongSubject')" + :dive="dive ? () => dive(status.id) : undefined" @goto="setHighlight" @toggleExpanded="toggleExpanded" @@ -60,18 +61,24 @@ :status-content-properties="statusContentProperties" :set-status-content-property="setStatusContentProperty" :toggle-status-content-property="toggleStatusContentProperty" + :dive="dive" /> </div> <div v-if="currentReplies.length && !threadShowing" class="thread-tree-replies thread-tree-replies-hidden" > - <button + <i18n + tag="button" + path="status.thread_show_full_with_icon" class="button-unstyled -link thread-tree-show-replies-button" - @click="showThreadRecursively(status.id)" + @click.prevent="showThreadRecursively(status.id)" > - {{ $tc('status.thread_show_full', totalReplyCount[status.id], { numStatus: totalReplyCount[status.id], depth: totalReplyDepth[status.id] }) }} - </button> + <FAIcon place="icon" icon="angle-double-down" /> + <span place="text"> + {{ $tc('status.thread_show_full', totalReplyCount[status.id], { numStatus: totalReplyCount[status.id], depth: totalReplyDepth[status.id] }) }} + </span> + </i18n> </div> </div> </template> |