From bfc52a8e6f8eba65bb1be973d730e37a4879ec01 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Tue, 17 Jan 2017 15:14:58 -0500
Subject: [PATCH] FIX: long titles need a max-width in composer when replying
 on desktop view

---
 app/assets/stylesheets/desktop/compose.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index 620a31a0220..0f9bfb589b7 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -373,6 +373,20 @@
 
 .reply-to {
   margin-bottom: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: $tertiary;
+
+  @media (min-width: 1101px) {
+    max-width: 80%;
+  }
+  @media (max-width: 1100px) {
+    max-width: 500px;
+  }
+  @media (max-width: 600px) {
+    max-width: 300px;
+  }
 
   i {
     color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));