add option to open conversation view by clicking empty space in posts

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`
 

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

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: {

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"

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",

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

src/modules/instance.js

@@ -89,6 +89,7 @@ const defaultState = {
   showFaviconBadge: true,
   autoRefreshOnRequired: true,
   showUnreadInTitle: true,
+  clickEmptyToOpenConversation: false,
   renderMisskeyMarkdown: true,
   renderMfmOnHover: false,
   conversationDisplay: 'linear',