From c096397390e8c6f6a0db283167e887acdfa5dd90 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Tue, 17 Oct 2017 12:00:51 +0100 Subject: [PATCH] Truncate inbound message content MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Inbound text messages can run over multiple lines. This makes the page harder to scan. Your phone, and the outbound messages page, only show the first line of the text message, and truncate the rest with an ellipsis. This commit does the same for inbound text messages. It also stops the timestamp for the inbound messages being squashed and wrapping over multiple lines, which looks messy. We couldn’t do this before, because it would have stopped people from being able to copy/paste the full message content from this page. --- app/assets/stylesheets/views/dashboard.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/assets/stylesheets/views/dashboard.scss b/app/assets/stylesheets/views/dashboard.scss index c3bc7b9b7..9115cacf0 100644 --- a/app/assets/stylesheets/views/dashboard.scss +++ b/app/assets/stylesheets/views/dashboard.scss @@ -67,6 +67,10 @@ display: block; color: $secondary-text-colour; pointer-events: none; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 580px; } }