From fafa399d74c39e6c932f6dc48841e6be8b061a17 Mon Sep 17 00:00:00 2001
From: notfire <notfire@posteo.net>
Date: Thu, 14 Aug 2025 20:19:36 -0400
Subject: [PATCH] add option to open conversation view by clicking empty space
 in posts

---
 README.md                                          | 1 +
 src/components/settings_modal/tabs/general_tab.vue | 8 ++++++++
 src/components/status/status.js                    | 9 +++++++++
 src/components/status/status.vue                   | 1 +
 src/i18n/en.json                                   | 1 +
 src/modules/config.js                              | 1 +
 src/modules/instance.js                            | 1 +
 7 files changed, 22 insertions(+)

diff --git a/README.md b/README.md
index 2890bafa..0685d9ab 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,7 @@
 - add support for accepted follow request notifications
 - add option to prevent page from getting pushed when making a new post with streaming api enabled (similar to 3rd "for unreads" option)
 - add link on user card to open profiles in iceshrimp-fe
+- add option to open conversation view by clicking empty space in posts
 - add a script to download ruffle for flash support (requires python3 and requests library)
   - download by entering `tools/` and running `python3 download_ruffle.py`
 
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 8b7fa9e4..e7fea7fb 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -495,6 +495,14 @@
             {{ $t('settings.no_rich_text_description') }}
           </BooleanSetting>
         </li>
+        <li>
+          <BooleanSetting
+            path="clickEmptyToOpenConversation"
+            expert="1"
+          >
+            {{ $t('settings.click_empty_to_open_conversation') }}
+          </BooleanSetting>
+        </li>
         <h3>{{ $t('settings.attachments') }}</h3>
         <li>
           <BooleanSetting
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 52c84c3a..0f9ab825 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -531,6 +531,15 @@ const Status = {
           window.scrollBy(0, rect.bottom - window.innerHeight + 50)
         }
       }
+    },
+    goToThread (id, e) {
+      if (this.$store.getters.mergedConfig.clickEmptyToOpenConversation) {
+        let targetType = e.target.tagName
+        let targetClasses = e.target.className
+        if ((targetType !== "DIV" && targetType !== "SPAN") || (targetType === "SPAN" && targetClasses.length === 0) || (targetClasses.includes("userName") || targetClasses.includes("form-bottom") || targetClasses.includes("visibility-tray")))
+          return
+        this.$router.push({ name: 'conversation', params: { id: id } })
+      }
     }
   },
   watch: {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index bec55753..394645b5 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -4,6 +4,7 @@
     ref="root"
     class="Status"
     :class="[{ '-focused': isFocused }, { '-conversation': inlineExpanded }]"
+    @click="(event) => { goToThread(status.id, event) }"
   >
     <div
       v-if="error"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 6cf74b63..8560cab6 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -513,6 +513,7 @@
         "changed_password": "Password changed successfully!",
         "chatMessageRadius": "Chat message",
         "checkboxRadius": "Checkboxes",
+        "click_empty_to_open_conversation": "Open conversation view by clicking empty parts of posts",
         "collapse_subject": "Collapse posts with content warnings",
         "columns": "Columns",
         "compact_user_info": "Compact user info when enough space",
diff --git a/src/modules/config.js b/src/modules/config.js
index 8d57c3f2..3543f808 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -133,6 +133,7 @@ export const defaultState = {
   showFaviconBadge: true,
   autoRefreshOnRequired: true,
   showUnreadInTitle: true,
+  clickEmptyToOpenConversation: false,
   renderMisskeyMarkdown: undefined,
   renderMfmOnHover: undefined, // instance default
   conversationDisplay: undefined, // instance default
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 13efbfb4..0b9148bf 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -89,6 +89,7 @@ const defaultState = {
   showFaviconBadge: true,
   autoRefreshOnRequired: true,
   showUnreadInTitle: true,
+  clickEmptyToOpenConversation: false,
   renderMisskeyMarkdown: true,
   renderMfmOnHover: false,
   conversationDisplay: 'linear',