src/components/Entry.vue

@@ -15,7 +15,7 @@
             </p>
           </div>
 
-          <div ref="content-container" :class="{'content': true, 'content-container': true, 'open': hiddenContentVisible}">
+          <div class="content">
             <div v-if="isRef">
               <div><small><a :href="outside_author_url">{{ outside_author_name }}</a>&nbsp;<span v-text="refText"></span>:</small></div>
             </div>
@@ -35,15 +35,9 @@
                 </div>
               </div>
             </div>
-          </div>
-        </div>
-        <div>
-          <div class="level" v-if="hasHiddenContent">
-            <div class="level-item">
-              <button class="is-link" @click.prevent="toggleHiddenContent">Read more</button>
-            </div>
-            <div class="level-item">
-                <small>
+
+            <p>
+              <small>
                 <span v-if="showFooterButtons">
                 <a @click="like">Like</a>
                 &middot; <a @click.prevent="openReply">Reply</a>
@@ -52,8 +46,8 @@
                 &middot; <a @click.prevent="$emit('followFeed', author_url)" title="Try to follow the feed this item comes from">Follow</a>
                 &middot; <a @click.prevent="debug">Debug</a>
                 </span>
-                </small>
-            </div>
+              </small>
+            </p>
           </div>
         </div>
         <div class="media" v-if="replying">
@@ -132,8 +126,7 @@ export default {
         selected: [],
         destinations: [],
         selectedDestinations: [],
-        categories: [],
-        hiddenContentVisible: false
+        categories: []
       }
     },
 
@@ -213,9 +206,6 @@ export default {
         }
         return false
       },
-      toggleHiddenContent() {
-        this.hiddenContentVisible = !this.hiddenContentVisible
-      }
     },
 
     mounted() {
@@ -223,15 +213,6 @@ export default {
     },
 
     computed: {
-      hasHiddenContent () {
-        const el = this.$refs['content-container']
-        if (!el) {
-          // eslint-disable-next-line
-          console.log('ref content-container not found')
-          return true
-        }
-        return el.scrollHeight > el.clientHeight
-      },
       currentItem() {
         if (this.isRef) {
           return this.innerRef
@@ -336,11 +317,7 @@ export default {
         }
         if (!this.currentItem.author.name) {
           if (this.currentItem.author.url) {
-            try {
-              return new URL(this.currentItem.author.url).hostname
-            } catch (e) {
-              return this.currentItem.author.url
-            }
+            return new URL(this.currentItem.author.url).hostname
           }
         }
         return this.currentItem.author.name
@@ -389,13 +366,4 @@ export default {
     white-space: pre-wrap;
   }
 
-  .content-container {
-    max-height: 20vh;
-    overflow: hidden;
-  }
-
-  .content-container.open {
-    max-height: fit-content;
-  }
-
 </style>

src/components/FeedFollower.vue

@@ -106,7 +106,6 @@
         }).then((res) => {
           if (!res.results) {
             this.loading = false
-            this.feeds = []
             return
           }