From a4213fbfab3d65ba01911a11fefe5a0206285f59 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Fri, 17 Dec 2021 10:12:02 +0100
Subject: [PATCH] adjust collapse
---
src/components/Article.vue | 12 ++++++++----
src/components/Header.vue | 7 ++-----
2 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/src/components/Article.vue b/src/components/Article.vue
index bb408f48..c177c4b4 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 f6910556..247b61a5 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>
--
GitLab