Fix tall status expanding needing extra clicks, make tall status expand automatically in conversation when focused

1 files changed, 7 insertions, 4 deletions

diff --git a/src/components/status/status.js b/src/components/status/status.js
index 13e79dd0..c93580c0 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -31,7 +31,7 @@ const Status = {
       userExpanded: false,
       preview: null,
       showPreview: false,
-      showingTall: false,
+      showingTall: this.inConversation && this.focused,
       expandingSubject: typeof this.$store.state.config.collapseMessageWithSubject === 'undefined'
         ? !this.$store.state.instance.collapseMessageWithSubject
         : !this.$store.state.config.collapseMessageWithSubject,
@@ -262,13 +262,14 @@ const Status = {
       this.userExpanded = !this.userExpanded
     },
     toggleShowMore () {
+      console.log('toggleShowMore', this.showingTall)
       if (this.showingTall) {
         this.showingTall = false
-      } else if (this.expandingSubject) {
+      } else if (this.expandingSubject && this.status.summary) {
         this.expandingSubject = false
       } else if (this.hideTallStatus) {
         this.showingTall = true
-      } else if (this.hideSubjectStatus) {
+      } else if (this.hideSubjectStatus && this.status.summary) {
         this.expandingSubject = true
       }
     },
@@ -301,8 +302,10 @@ const Status = {
     'highlight': function (id) {
       if (this.status.id === id) {
         let rect = this.$el.getBoundingClientRect()
-        if (rect.top < 100) {
+        if (rect.top < 140) {
           window.scrollBy(0, rect.top - 200)
+        } else if (rect.top < window.innerHeight && rect.height >= (window.innerHeight - 50)) {
+          window.scrollBy(0, rect.top - 50)
         } else if (rect.bottom > window.innerHeight - 50) {
           window.scrollBy(0, rect.bottom - window.innerHeight + 50)
         }