adjust collapse

src/components/Article.vue

@@ -159,7 +159,7 @@ export default {
           })
 
           if (new_string.substring(new_string.length, new_string.length - 1) == ":") {
-            new_string = new_string.slice(0, -1)+"..."
+            new_string = new_string.slice(0, -1)
           }
           definitionTexts.push(new_string)
 
@@ -170,9 +170,6 @@ export default {
       })
 
       let definitions = definitionTexts.join(" | ")
-      if (definitions.length > 200) {
-        definitions = definitions.slice(0, 200).replace(new RegExp("\.\.\.$"), "");
-      }
       return definitions
 
     },
@@ -305,7 +302,14 @@ ul li.definition {
 
 .collapsed {
   height: 150px;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;  
+}
+
+.header {
 }
 
 
+
 </style>

src/components/Header.vue

@@ -26,12 +26,9 @@
     </span>                <span v-if="$parent.collapsable" >
           <v-btn class="expand_icon"
            :title="$parent.collapsed? 'Vis mer' : 'Kollaps'"
-           width="100%"
-           
+           width="100%"       
            plain
-           small
-           
-           
+           medium
            @click="$parent.collapsed=!$parent.collapsed">
            <v-icon small>{{$parent.collapsed ? 'expand_more': 'expand_less'}}</v-icon></v-btn></span> 
   </div>