diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-06 14:13:35 -0500 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:32 -0500 |
| commit | d157f6738195325c59870fe02df8fa16985c84af (patch) | |
| tree | 426477978ea92aeada03459e0beff9e09bb50000 /src | |
| parent | fa20ea76b1b6cacf2f16fe27624ab2b29381e365 (diff) | |
Make fading ancestors optional
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/conversation/conversation.js | 3 | ||||
| -rw-r--r-- | src/components/conversation/conversation.vue | 4 | ||||
| -rw-r--r-- | src/components/settings_modal/tabs/general_tab.vue | 5 | ||||
| -rw-r--r-- | src/modules/config.js | 1 | ||||
| -rw-r--r-- | src/modules/instance.js | 1 |
5 files changed, 12 insertions, 2 deletions
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js index 46228e37..89ff2f6f 100644 --- a/src/components/conversation/conversation.js +++ b/src/components/conversation/conversation.js @@ -89,6 +89,9 @@ const conversation = { isLinearView () { return this.displayStyle === 'linear' }, + shouldFadeAncestors () { + return this.$store.getters.mergedConfig.conversationTreeFadeAncestors + }, otherRepliesButtonPosition () { return this.$store.getters.mergedConfig.conversationOtherRepliesButton }, diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 73c613b9..3e96fba2 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -50,7 +50,7 @@ v-for="status in ancestorsOf(diveRoot)" :key="status.id" class="thread-ancestor" - :class="{'thread-ancestor-has-other-replies': getReplies(status.id).length > 1}" + :class="{'thread-ancestor-has-other-replies': getReplies(status.id).length > 1, '-faded': shouldFadeAncestors}" > <status ref="statusComponent" @@ -210,7 +210,7 @@ border-left: 2px solid var(--border, $fallback--border); } - .thread-ancestor .StatusContent { + .thread-ancestor.-faded .StatusContent { --link: var(--faintLink); --text: var(--faint); color: var(--text); diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue index 28b39d7b..6c108292 100644 --- a/src/components/settings_modal/tabs/general_tab.vue +++ b/src/components/settings_modal/tabs/general_tab.vue @@ -171,6 +171,11 @@ </BooleanSetting> </li> <li> + <BooleanSetting path="conversationTreeFadeAncestors"> + {{ $t('settings.tree_fade_ancestors') }} + </BooleanSetting> + </li> + <li> <label for="maxDepthInThread"> {{ $t('settings.max_depth_in_thread') }} </label> diff --git a/src/modules/config.js b/src/modules/config.js index 8cb3097c..acc71b80 100644 --- a/src/modules/config.js +++ b/src/modules/config.js @@ -87,6 +87,7 @@ export const defaultState = { conversationDisplay: undefined, // instance default conversationTreeAdvanced: undefined, // instance default conversationOtherRepliesButton: undefined, // instance default + conversationTreeFadeAncestors: undefined, // instance default maxDepthInThread: 6 } diff --git a/src/modules/instance.js b/src/modules/instance.js index 6c5cb4b1..f09dd0b3 100644 --- a/src/modules/instance.js +++ b/src/modules/instance.js @@ -56,6 +56,7 @@ const defaultState = { conversationDisplay: 'linear', conversationTreeAdvanced: false, conversationOtherRepliesButton: 'below', + conversationTreeFadeAncestors: false, maxDepthInThread: 6, // Nasty stuff |