diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-09-05 11:16:48 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:31 -0500 |
| commit | 244174a32b94c1373847f0ea20bb6127de5ef222 (patch) | |
| tree | cfd1ca3b2c99442ee00d0990df6af0ceda7bc093 /src/components/conversation/conversation.vue | |
| parent | 22bdcda9c0a9869f8a09507bb60215b8a5af709a (diff) | |
Improve "show full conversation" interaction
Now we only show that button when there are other statuses out of sight
(other toplevel statuses exist outside of the current thread tree).
Diffstat (limited to 'src/components/conversation/conversation.vue')
| -rw-r--r-- | src/components/conversation/conversation.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 6c8c6ef0..f0eb88c1 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -20,16 +20,22 @@ </div> <div class="conversation-body panel-body"> <div - v-if="diveMode" + v-if="shouldShowAllConversationButton" class="conversation-dive-to-top-level-box" > <i18n - path="status.show_all_conversation" + path="status.show_all_conversation_with_icon" tag="button" class="button-unstyled -link" @click.prevent="diveToTopLevel" > - <FAIcon icon="angle-double-left" /> + <FAIcon + place="icon" + icon="angle-double-left" + /> + <span place="text"> + {{ $tc('status.show_all_conversation', otherTopLevelCount, { numStatus: otherTopLevelCount }) }} + </span> </i18n> </div> <div |