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, '>'); }