From 8f151232cbc23aea3e3c378fbb8fc541d4ac5c2e Mon Sep 17 00:00:00 2001
From: Deimos <deimos@tildes.net>
Date: Sun, 24 Mar 2019 17:53:58 -0600
Subject: [PATCH] Fix overflow of long domain names on topic listing

---
 tildes/scss/modules/_topic.scss              | 5 +++++
 tildes/tildes/templates/macros/topics.jinja2 | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/tildes/scss/modules/_topic.scss b/tildes/scss/modules/_topic.scss
index f6ac541..f48f5bf 100644
--- a/tildes/scss/modules/_topic.scss
+++ b/tildes/scss/modules/_topic.scss
@@ -212,6 +212,11 @@
   white-space: nowrap;
 }
 
+.topic-info-source {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .topic-full {
   .topic-voting {
     float: right;
diff --git a/tildes/tildes/templates/macros/topics.jinja2 b/tildes/tildes/templates/macros/topics.jinja2
index 035f7f9..61a9b08 100644
--- a/tildes/tildes/templates/macros/topics.jinja2
+++ b/tildes/tildes/templates/macros/topics.jinja2
@@ -79,11 +79,13 @@
         </a>
       </div>
 
+      <div class="topic-info-source"
       {% if topic.is_user_treated_as_source %}
-        <div aria-label="Posted by">{{ username_linked(topic.user.username) }}</div>
+        aria-label="Posted by">{{ username_linked(topic.user.username) }}
       {% else %}
-        <div aria-label="Link domain">{{ topic.link_domain }}</div>
+        aria-label="Link domain">{{ topic.link_domain }}
       {% endif %}
+      </div>
 
       <div aria-label="Post time">{{ adaptive_date_responsive(topic.created_time, precision=1) }}</div>
     </footer>