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/status | |
| parent | ace1f5067c90be2fa0b8da22d39b0e2c88f590fb (diff) | |
Support diving into one status in a conversation
Diffstat (limited to 'src/components/status')
| -rw-r--r-- | src/components/status/status.js | 13 | ||||
| -rw-r--r-- | src/components/status/status.vue | 14 |
2 files changed, 21 insertions, 6 deletions
diff --git a/src/components/status/status.js b/src/components/status/status.js index d5ee7d4e..f119f42e 100644 --- a/src/components/status/status.js +++ b/src/components/status/status.js @@ -36,8 +36,9 @@ import { faEyeSlash, faEye, faThumbtack, - faAngleDoubleUp, - faAngleDoubleDown + faChevronUp, + faChevronDown, + faAngleDoubleRight } from '@fortawesome/free-solid-svg-icons' library.add( @@ -55,8 +56,9 @@ library.add( faEyeSlash, faEye, faThumbtack, - faAngleDoubleUp, - faAngleDoubleDown + faChevronUp, + faChevronDown, + faAngleDoubleRight ) const Status = { @@ -103,7 +105,8 @@ const Status = { 'controlledExpandingSubject', 'controlledToggleExpandingSubject', 'controlledShowingLongSubject', - 'controlledToggleShowingLongSubject' + 'controlledToggleShowingLongSubject', + 'dive' ], data () { return { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 8fdebe44..c2df6021 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -229,7 +229,19 @@ <FAIcon fixed-width class="fa-scale-110" - :icon="threadShowing ? 'angle-double-up' : 'angle-double-down'" + :icon="threadShowing ? 'chevron-up' : 'chevron-down'" + /> + </button> + <button + v-if="dive" + class="button-unstyled" + :title="$t('status.show_only_conversation_under_this')" + @click.prevent="dive" + > + <FAIcon + fixed-width + class="fa-scale-110" + :icon="'angle-double-right'" /> </button> </span> |