diff --git a/src/components/replyEvent.vue b/src/components/replyEvent.vue
index 7e1a35e..c15a18e 100644
--- a/src/components/replyEvent.vue
+++ b/src/components/replyEvent.vue
@@ -2,8 +2,8 @@
{{calcUserName(event.sender)}}
-
-
+
+
{{event.content.msgtype}}
{{event.content.body}}
@@ -34,6 +34,11 @@ export default {
border-left: 2px solid #fff;
padding-left: 0.5rem;
margin-bottom: 0.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 6;
+ -webkit-box-orient: vertical;
.username{
font-weight: bold;
}
diff --git a/src/components/timeline.vue b/src/components/timeline.vue
index 6dd2444..f559dc7 100644
--- a/src/components/timeline.vue
+++ b/src/components/timeline.vue
@@ -109,8 +109,13 @@ export default {
}
}
.username{
+ position: relative;
margin-left: 1rem;
font-weight: bold;
+ max-width: 100%;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
}
.indent{
margin-left: 2.5rem;
diff --git a/src/lib/eventUtils.js b/src/lib/eventUtils.js
index e119616..a79e811 100644
--- a/src/lib/eventUtils.js
+++ b/src/lib/eventUtils.js
@@ -19,7 +19,7 @@ export function solveMarkdownLinks(text){
);
}
export function fixHtml(text){
- return text.replace(/>.*\n/gm, '').trim()
+ return text.replace(/> .*\n/gm, '').trim()
.replace(//g, '>');
}