diff --git a/src/components/Article.vue b/src/components/Article.vue index bb408f48f9c6d32995c4f332dec0b57b6dabbbaa..c177c4b4ee00fe0c837ccbdb526010236327b967 100644 --- a/src/components/Article.vue +++ b/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> diff --git a/src/components/Header.vue b/src/components/Header.vue index f6910556d4810a13bef47d411dad3053744eb7bd..247b61a56a46adf358fed9d6d4defc54589bae46 100644 --- a/src/components/Header.vue +++ b/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>