commit c5b280ea94ea53ffbfd928c1527bdefa2c408f12
author Becky Siegel <beckysiegel@google.com> Wed Nov 23 10:26:20 2016 -0800
committer Becky Siegel <beckysiegel@google.com> Wed Nov 23 10:27:40 2016 -0800
tree fb27dac2321cae46b39557df23c66a473dcc9c4e
parent c391eda75d5c2dc526fc36939a0b2a47f7e1043a

Tweak style for collapsed gr-message

Adds css rules to ensure ellipses exist on all messages if the text is
cut off, and increases the right margin for the message so that it's not
so close to the date.

Issue: Bug 4980
Change-Id: Iad034cd7525e850a26ca8f5dd6207c014c0203f0

polygerrit-ui/app/elements/change/gr-message/gr-message.html

diff --git a/polygerrit-ui/app/elements/change/gr-message/gr-message.html b/polygerrit-ui/app/elements/change/gr-message/gr-message.html
index 1afd548..3435547 100644
--- a/polygerrit-ui/app/elements/change/gr-message/gr-message.html
+++ b/polygerrit-ui/app/elements/change/gr-message/gr-message.html
@@ -76,6 +76,10 @@
       .message {
         max-width: 80ch;
       }
+      .collapsed .message {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
       .collapsed .name,
       .collapsed .content,
       .collapsed .message,
@@ -93,6 +97,7 @@
       }
       .collapsed .content {
         flex: 1;
+        margin-right: .25em;
         min-width: 0;
         overflow: hidden;
         text-overflow: ellipsis;